码迷,mamicode.com
首页 > 其他好文 > 详细

前端面试送命题

时间:2018-09-30 10:10:58      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:基本   []   cti   var   com   默认   小数   class   img   

前言

前面说过很多前端面试的考题或技巧,这次来总结一下前端面试者常犯的一些错误。

void立即执行函数

常见写法如下

(function () {
  // code
})();

解析器会将其解析如下

var a = 1
(function () { // Uncaught TypeError: 1 is not a function
})()

如今我们可以这样处理

void function () {
  // code
}();

null 即为对象

typeof null === "object"  //true

null 不具备对象类型的基本特征,是原始类型,这是一个广为人知的js bug。

所以我们在判断一个变量的类型时,首先要判断的值是不是null

if (someVal !== null && typeof someVal === ‘object‘) {
  // someVal 是一个对象
}

js类型精度

js所有的number原始值都是一个双精度浮点数,对应java double的类型。

做小数计算时,注意浮点数的精度问题。

例:0.1+0.2 =》 0.30000000004

所以记得使用toFixed来取小数点后的若干位

(0.1 + 0.2).toFixed(2) === ‘0.30‘

比较小数相等时,切记不要直接使用 === 。

0.1+0.2 === 0.3 // false
Math.abs(0.1+0.2 - 0.3) <= 1e-10 // true

NaN !==NaN

NaN === NaN // false
var a = NaN; a === a // false

正确使用parseInt

首先parseInt 接受两个参数,第一个是待parse的字符串,第二个是使用的进制。

如果不传第二个参数,进制则由第一个参数来决定。

除了用于比较null和undefined,不要使用==

请看下面例子

‘true‘ == true // => false
‘true‘ == false // => false
[] == {} // => false
[] == [] // => false

关于非严格相等,只需记住下面的规则

null == null // => true
undefined == undefined  // => true
null == undefined // => true
undefined == null // => true
x == null // => false (x 非 null 或 undefined)
x == undefined // => false (x 非 null 或 undefined)

日期处理

new Date(year,month,day)注意参数的取值范围。

1.如果year设置1-99,会被默认加上1900。

2.month从0开始计算,0代表一月,1代表二月,以此类推。

new Date(dateString)注意浏览器时区及兼容性

new Date(‘2018-01-01‘) // => "2018/1/1 08:00:00" 新版浏览器,IE 11
new Date(‘2018-01-01‘) // => "2018/1/1 00:00:00" 某些旧版安卓
new Date(‘2018-01-01‘) // => "Invalid Date" IE 8(这个忽略。。。)
new Date(‘2018/01/01‘) // => "2018/1/1 00:00:00" 包括 IE 8 在内所有浏览器

技术分享图片

小心 || 填充默认值

exp1 || exp2 的意义是:exp1 返回值为true的情况下返回exp1 否则 exp2

下面这些值是不能转成true的

1 null
2 undefined
3 NaN
4 0 !!!
5 空字符串(‘‘) !!!

最好采用下面的方法

config.prop1 = config.prop1 !== undefined ? config.prop1 : 233;
config.prop2 = config.prop2 !== undefined ? config.prop2 : ‘balabala‘;

 

前端面试送命题

标签:基本   []   cti   var   com   默认   小数   class   img   

原文地址:https://www.cnblogs.com/peiyu1988/p/9721947.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!