摘要：作為對象原型鏈的終點(diǎn)。調(diào)用函數(shù)時，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于。它可以用于引用該函數(shù)的函數(shù)體內(nèi)當(dāng)前正在執(zhí)行的函數(shù)。

一 JS
 二 CSS

===叫做嚴(yán)格運(yùn)算符 ==叫做相等運(yùn)算符
嚴(yán)格運(yùn)算符比較時不僅僅比較數(shù)值還要比較數(shù)據(jù)類型是否一樣
相等運(yùn)算符在比較相同類型的數(shù)據(jù)時，與嚴(yán)格相等運(yùn)算符完全一樣。 在比較不同類型的數(shù)據(jù)時，相等運(yùn)算符會先將數(shù)據(jù)進(jìn)行類型轉(zhuǎn)換，然后再用嚴(yán)格相等運(yùn)算符比較。

undefined == null //true
undefined === null //false

ps:判斷NaN可以用Object.is()

Object.is(NaN, NaN); //true

首先,undefined和null在if語句中，都會被自動轉(zhuǎn)為false，即null==undefined結(jié)果為true

通常 null表示"沒有對象"，即該處不應(yīng)該有值，一般用法如下:
（1） 作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對象。
（2） 作為對象原型鏈的終點(diǎn)。Object.getPrototypeOf(Object.prototype) // null
而 undefined表示"缺少值"，就是此處應(yīng)該有一個值，但是還沒有定義，一般用法：
（1）變量被聲明了，但沒有賦值時，就等于undefined。
（2) 調(diào)用函數(shù)時，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined。
（3）對象沒有賦值的屬性，該屬性的值為undefined。
（4）函數(shù)沒有返回值時，默認(rèn)返回undefined。

JS基本數(shù)據(jù)類型有5種
String Number Boolean Null Undefined
以及引用數(shù)據(jù)類型Object(包括Array Function)

首先typeof用以獲取一個變量類型
typeof一般只能返回如下幾個結(jié)果 
number boolean string function object undefined

console.log(typeof i);    // undefined
console.log(typeof 1);   // number
console.log(typeof "a"); // string
console.log(typeof true);  // boolean

console.log(typeof function () {});  //function

console.log(typeof [1, "2", true]);  //object
console.log(typeof { o: "hello", c: "world" });  //object
console.log(typeof null);  //object
console.log(typeof new Number(2));  //object

以上可知用typeof無法判斷array類型 因?yàn)椴还苁菙?shù)組還是對象都會返回object
這時候就需要instanceof了
instanceof運(yùn)算符用來測試一個對象在其原型鏈中是否存在一個構(gòu)造函數(shù)的prototype屬性 即判斷一個變量是否是某個對象的實(shí)例

var arr = [1,2,3]; 
alert(arr instanceof Array);   // true

ps:其他判斷方法如下
①Array.isArray

Array.isArray([1, 2, 3]);  // true
Array.isArray({foo: 123}); // false
Array.isArray("foobar");   // false
Array.isArray(undefined);  // false

② constructor

var arr = [1,2,3]; 
console.log(arr.constructor === Array);   // true

③ Object.prototype.toString.call()

var arr = [1,2,3];
Object.prototype.toString.call(arr) === "[object Array]"; //true

首先 setTimeout()和setInterval()經(jīng)常被用來處理延時和定時任務(wù) setTimeout()方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達(dá)式,而setInterval()則可以在每隔指定的毫秒數(shù)循環(huán)調(diào)用函數(shù)或表達(dá)式，直到clearInterval把它清除

//setTimeout實(shí)現(xiàn)setInterval功能
setTimeout(function(){
  //do something
  setTimeout(arguments.callee,interval);
},interval)

ps:為什么要用setTimeout實(shí)現(xiàn)setInterval?

arguments對象是所有（非箭頭）函數(shù)中都可用的局部變量。你可以使用arguments對象在函數(shù)中引用函數(shù)的參數(shù)
callee是 arguments 對象的一個屬性。它可以用于引用該函數(shù)的函數(shù)體內(nèi)當(dāng)前正在執(zhí)行的函數(shù)。這在函數(shù)的名稱是未知時很有用，例如在沒有名稱的函數(shù)表達(dá)式 (也稱為“匿名函數(shù)”)內(nèi)

代碼演示:

此外arguments是類數(shù)組對象 其沒有Array的一些方法 但有類似Array的一些特點(diǎn)
將函數(shù)的實(shí)際參數(shù)轉(zhuǎn)換成數(shù)組的方法如下

/**
_buffer.slice();
// is equivalent to
_buffer.slice(0);
// also equivalent to
_buffer.slice(0, _buffer.length);
**/
var args = Array.prototype.slice.call(arguments)//方法一
var args = [].slice.call(arguments, 0)//方法二
//方法三：
var args = [];
for (var i = 1; i < arguments.length; i++) {
  args.push(arguments[i]);
}

首先是嚴(yán)格模式的用法

// 為整個script標(biāo)簽開啟嚴(yán)格模式, 需要在所有語句之前放一個特定語句 "use strict";
"use strict";
var v = "Hi!  I"m a strict mode script!";


//要給某個函數(shù)開啟嚴(yán)格模式，得把 "use strict";聲明一字不漏地放在函數(shù)體所有語句之前
function strict(){
  // 函數(shù)級別嚴(yán)格模式語法
  "use strict";
  function nested() { return "And so am I!"; }
  return "Hi!  I"m a strict mode function!  " + nested();
}
function notStrict() { return "I"m not strict."; }

嚴(yán)格模式同時改變了語法及運(yùn)行時行為。變化通常分為這幾類：將問題直接轉(zhuǎn)化為錯誤（如語法錯誤或運(yùn)行時錯誤）, 簡化了如何為給定名稱的特定變量計算，簡化了 eval 以及 arguments, 將寫"安全"JavaScript的步驟變得更簡單

嚴(yán)格模式主要涉及如下幾個方面

創(chuàng)設(shè)eval作用域

禁止this關(guān)鍵字指向全局對象

禁止在函數(shù)內(nèi)部遍歷調(diào)用棧(即禁止使用arguments和callee)

對象不能有重名的屬性

函數(shù)不能有重名的參數(shù)

函數(shù)必須聲明在頂層

...

詳情 請移步阮一峰的 Javascript 嚴(yán)格模式詳解

閉包Closure詳見 白話JS閉包

主要是利用 ES6 set和filter方法 詳見 最近碰到的sort排序 以及 set和filter數(shù)組去重

簡單總結(jié)：

① apply 、 call 、bind 三者都是用來改變函數(shù)的this對象的指向的；
② apply 、 call 、bind 三者第一個參數(shù)都是this要指向的對象，也就是想指定的上下文；
③ apply 、 call 、bind 三者都可以利用后續(xù)參數(shù)傳參；
④ bind是返回對應(yīng)函數(shù)，便于稍后調(diào)用；apply、call則是立即調(diào)用 
⑤ call 需要把參數(shù)按順序一個個傳遞進(jìn)來，而 apply 則是把參數(shù)放在數(shù)組里

詳情移步深入淺出妙用 Javascript 中 apply、call、bind

簡單說 for in是遍歷key 而 for of是遍歷value

let arr = ["a","b"];
for (a in arr) {
    console.log(a);//0,1
}

for (a of arr) {
    console.log(a);//a,b
}

ps:如何將對象的鍵名輸出數(shù)組

當(dāng)然for in配合hasOwnProperty可以過濾來著原型鏈上繼承得到的屬性

Promise的構(gòu)造函數(shù)接收一個參數(shù)，是函數(shù)，并且傳入兩個參數(shù)：resolve，reject，分別表示異步操作執(zhí)行成功后的回調(diào)函數(shù)和異步操作執(zhí)行失敗后的回調(diào)函數(shù)。其實(shí)這里用“成功”和“失敗”來描述并不準(zhǔn)確，按照標(biāo)準(zhǔn)來講，resolve是將Promise的狀態(tài)置為fullfiled，reject是將Promise的狀態(tài)置為rejected

舉個?

ps:promise詳情請移步大白話講解Promise

1.content-box  默認(rèn)值 border和padding不計算入width之內(nèi)
2.border-box   border和padding計算入width之內(nèi)

em是相對于父元素的font-size屬性值來計算的
rem是相對于html標(biāo)簽的font-size屬性值來計算的

主要是水平居中或者垂直居中
詳見web開發(fā)常用的幾種居中形式

//外部樣式表 

//內(nèi)部樣式表

//內(nèi)聯(lián)
這是一個段落。

內(nèi)聯(lián)樣式表的權(quán)值最高 1000
ID 選擇器的權(quán)值為 100
Class 類選擇器的權(quán)值為 10
HTML 標(biāo)簽選擇器的權(quán)值為 1

①都是隱藏元素，但是前者文檔布局中不占用空間，后者仍占用空間
②display：none隱藏產(chǎn)生reflow和repaint（回流與重繪）
③前者有株連性，即父元素設(shè)置display: none后子元素不管怎樣設(shè)置都不能顯示，而后者的子元素通過設(shè)置visibility: visible后還是能顯示出來的

reflow:當(dāng)render樹的一部分或者全部因?yàn)榇笮∵吘嗟葐栴}發(fā)生改變而需要重建的過程，叫做回流
repaint:當(dāng)諸如顏色背景等不會引起頁面布局變化，而只需要重新渲染的過程叫做重繪

ps：頁面的顯示過程分為以下幾個階段

1、生成DOM樹(包括display:none的節(jié)點(diǎn))
2、在DOM樹的基礎(chǔ)上根據(jù)節(jié)點(diǎn)的集合屬性(margin,padding,width,height等)生成render樹(不包括display:none head節(jié)點(diǎn)，但是包括visibility:hidden的節(jié)點(diǎn))
3、在render樹的基礎(chǔ)上繼續(xù)渲染顏色背景色等樣式

reflow和repaint詳情請移步

未完待續(xù)