前端面试送命题

Posted 2021-01-09 peiyu1988

前言

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

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‘;