前言
前面说过很多前端面试的考题或技巧,这次来总结一下前端面试者常犯的一些错误。
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 // falseMath.abs(0.1+0.2 - 0.3) <= 1e-10 // true
NaN !==NaN
NaN === NaN // falsevar a = NaN; a === a // false
正确使用parseInt
首先parseInt 接受两个参数,第一个是待parse的字符串,第二个是使用的进制。
如果不传第二个参数,进制则由第一个参数来决定。
除了用于比较null和undefined,不要使用==
请看下面例子
'true' == true // => false'true' == false // => false[] == {} // => false[] == [] // => false
关于非严格相等,只需记住下面的规则
null == null // => trueundefined == undefined // => truenull == undefined // => trueundefined == null // => truex == 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 11new 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 null2 undefined3 NaN4 0 !!!5 空字符串('') !!!
最好采用下面的方法
config.prop1 = config.prop1 !== undefined ? config.prop1 : 233;config.prop2 = config.prop2 !== undefined ? config.prop2 : 'balabala';