前端面試送命題

前言

前面說過不少前端面試的考題或技巧，此次來總結一下前端面試者常犯的一些錯誤。

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