3-1

• 變量單一聲明方式
• String Boolean undefined Number null
• undefined == null
• typeof(null) ‘object’
• typeof(方法) ‘function’
• typeof(+) +是運算符，不是數據類型 報錯
• +0 === -0 true
• +Infinity == -Infinity false
• NaN和誰都不等
• 原始值沒有屬性 要打印屬性、調用方法得經過基本包裝類
• 包裝了還沒有就沒辦法了，比如length屬性
• Boolean、Number包裝了也沒有length，打印就是undefined
• 可以給包裝類添加值以外的屬性
• 數字直接跟.有歧義，會認為是小數點
• 三種基本包裝類的toString、valueOf方法各不相干+
• Function的toString、valueOf都返回函數體?
• Object的toString
• Array的toString，返回用逗號隔開
• 要打印反斜杠，單雙引號必須使用字符字面量，否則報錯
• 并且字符字面量還要用引號引起來
• Object Array Function Date RegExp
• 對象的屬性是字符串類型

一些現象

3-2

• 目前證實會終止程序的有：語法錯誤、范圍錯誤
• 0/0 NaN
• 1/0 +Infinity
• 逗號運算符在表達式中只返回最后一個
• ASCII碼 0-255

3-3

• 顯示類型轉換，Number對null、true、false，數組友好轉010
• Number對空數組和只有一個元素的數組友好
• Number對undefined、1a不友好轉NaN
• ParseInt只對數字開頭的友好
• null、undefined既不大于也不小于更不等于0（隱式類型轉換有坑）
  

// 是否先對數組toString呢 console.log(Number([])) // 0 console.log(Number([1])) // 1 console.log(Number(['1'])) // 1 console.log(Number([1, 2, '3'])) // NaN console.log(Number([1, 2, 3])) // NaN console.log(Number({})) // NaN

3-4

• 函數聲明一定要有函數名，不然報錯
• 函數聲明不能直接調用（無參），會報語法錯誤
• 函數聲明function a(){}(1)，這樣不報錯，會認為(1)是表達式不是調用
• 函數表達式可以()調用，是立即執行了
• 函數表達式，function后的函數名在外部不可見，但是.name總能獲得函數名（優先取function后的，沒有就取表達式聲明的變量名）
• es5&&實參非undefined時形參、實參互相統一
• es6、嚴格模式，形參、實參不統一
• 函數是對象

3-5

• 預編譯：函數聲明、函數整體提升
• 變量聲明，只有聲明提升，賦值不提升，所以AO一開始是undefined
• -1 + NaN + ‘’ 先做-1 + NaN得到NaN 再 +’’ 得到’NaN’

3-6

• 看作用域鏈，函數AO、GO的this指向的是window
• AO含this、arguments和變量聲明、函數聲明
• 閉包是指有權訪問另一個函數作用域中的變量的函數
• 立即執行函數內將閉包添加到全局，無法銷毀閉包對AO的引用
• 閉包不是將被拉扯的AO放到全局！

3-7

• 表達式會忽略函數名
• 注意，此時GO里也沒有b了

if (function b() { }) {console.log(typeof b) // undefined } console.log(b) // 報錯

• 解決閉包總是拿到AO在循環中最后的值，用IIFE并實時傳值進去

3-8

• 對象中的this指向對象本身
• 構造函數，用new實例化后，函數內this指向實例
• 不用new實例化，this指向window
• 當構造函數return引用值時（除了this的函數、函數聲明、對象、數組、Date…）,返回引用值，若是原始值則忽略
• 實例方法中的this，誰調用就指向誰

function MyTest(name) {this.name = namereturn this // 寫或不寫，返回的都是實例 } console.log(new MyTest('Lee'))

3-10

• 字面量方式改變構造函數prototype（指向新的對象）若在實例化前，則實例的__proto__會指向修改后的原型，若在實例化后，實例的__proto__還是指向默認的prototype
• 若使用xx.prototype.屬性 = 的修改方式（沒有指向新對象），則實例訪問到的屬性也會跟著蓋面
  

4-1

• 對于++ --，會計算再賦值，能讓實例增添屬性
• 將null作為實例的原型，實例中將不包含任何屬性！，將{}作為原型仍有__proto__
• 因此，不是所有對象都繼承Object.prototype
• 手動增加的__proto__和自身的不一樣，不能在手動增加的_proto__向上查找原型鏈
• 原型鏈的終點是Object.prototype

4-2

• 要在構造函數（而不是原型）中定義引用類型的屬性（防止所有實例共享引用值）
• 原型鏈實現繼承（子類的原型指向父類的實例）的問題一：子類的實例可能會共享引用類型值（原本是父類構造函數中定義的屬性）
• 問題二：不能傳參
• 借用構造函數（子類構造函數內：父類構造函數call(this)），解決了原型鏈繼承的問題，但函數無法復用，超類型原型中的方法，對子類型不可見
• 組合繼承（原型鏈+借用構造函數），問題：超類的構造函數都執行了2次
• Object.create(對象，{屬性：屬性描述符})，第二個參數將屬性添加到新對象上
• 寄生組合式繼承，用Object.create()指定新對象的__proto__，用**.constructor增強對象，結合call**
• 圣杯模式實現繼承：繼承父類原型上的屬性和方法，沒有解決引用類型值問題，構造函數不能傳值

4-3

• 對象遍歷（for (var key in obj)）原型上的屬性也會打印，用hasOwnProperty區分（嚴謹）
• 數組遍歷（for (ele val of arr)）// ele是每一項arr的值
• arguments.callee - 正在被執行的函數對象（在自啟動函數中使用遞歸，且不需要函數名）
• test.caller - test函數的調用者

for…of語句在可迭代對象（包括 Array，Map，Set，String，TypedArray，arguments 對象等等）上創建一個迭代循環，調用自定義迭代鉤子，并為每個不同屬性的值執行語句，可以由break, throw continue 或return終止。在這些情況下，迭代器關閉。

for…in不應該用于迭代一個關注索引順序的 Array。

Object.keys() 方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組，數組中屬性名的排列順序和正常循環遍歷該對象時返回的順序一致 。
在ES5里，如果此方法的參數不是對象（而是一個原始值），那么它會拋出 TypeError。在ES2015中，非對象的參數將被強制轉換為一個對象。

4-4

• 手寫深拷貝，考慮原始值和引用值（區分數組和對象），結合遞歸

4-5

• new Array()的參數用于設置數組長度，或設置數組(只傳一個非數字值時)
• 數組方法 - 繼承了數組原型上的方法
• push、unshift（返回值：執行了方法以后數組長度，可以傳多個參數）
• pop、shift（返回剪切掉的那個值）
• splice（在哪個下標前添加，返回值空數組）
• 數組中認為最后一個元素的index是-1
• sort是按照ASCII碼排列的（未傳參時）
• sort(function(a,b){return 負數})

4-6

• concat 返回值是拼接后的數組
• slice[a，b)
• join不傳參數相當于toString！用逗號連接
• split(a,b) 不傳值，會將整個字符串放進數組；第二個參數b，是用a分割后截取b位
• 類數組沒有數組方法，因為沒有繼承Array.prototype，繼承Object.prototype，類數組
• 對象轉類數組：給對象加splice屬性，指向Array原型上的splice方法，對象的原型依然是Object.prototype （有什么意義）
• arguments對象的constructor是Object
• obj實例調用push方法的原理，和length相關（并不一定是類數組）
• length屬性決定了類數組的長度，push開始的位置
• 類數組轉數組：Array.prototype.slice.call(arguments)、Array.from() （分別是ES5\ES6）
• 箭頭函數沒有arguments

4-8

• finally一定執行
• throw要寫在可能會出錯的代碼段前， catch(e) 可以拋出自定義信息e
• JSON.parse()參數不能是空字符串或undefined，必須是JSON字符串
• with可以改變作用域（因此會消耗性能）

嚴格模式下不能不寫var
嚴格模式下，函數內部fn使用this指向undefined，但new fn實例化返回的this還是指向實例
嚴格模式下，函數參數不能重復
嚴格模式下，對象的屬性不能重復
嚴格模式下，eval有自己的作用域，內部用var聲明的變量不再是全局的

Duplicate property name in object literal is allowed in ES6 strict mode

常識歸類

• 1不是質數 2是
• 質數是只能被1和自己整除的數
• 斐波那契數列，前2項是1，之后每項為前兩項之和
• ASCII碼charCode范圍在0-255，每個字符1字節，從256開始的內容每個2字節
• 閏年（整除4&&不能整除100 || 整除400）

關于this

• 在函數內部，this的值取決于函數被調用的方式。this值沒被設置時（未使用call、apply）默認指向window
• call、apply傳null 和 undefined 會被轉換為全局對象。原始值如 7 或 ‘foo’ 會使用相應構造函數轉換為對象。
• bind的this綁定只生效一次：this將永久地被綁定到了bind的第一個參數
• 當函數作為對象里的方法被調用時，this 被設置為調用該函數的對象
• 當一個函數用作構造函數時（使用new關鍵字），它的this被綁定到正在構造的新對象。
• Object.assign是淺拷貝，JSON.parse(JSON.stringify)是深拷貝

var obj = {count: {a: 1,b: 2} } var obj1 = Object.assign({}, obj) obj1.count.a = 100 console.log(obj.a) // 100

// 下面的例子令人迷惑，非常危險，沒有用處。避免使用它們。
typeof new Boolean(true) === ‘object’;
typeof new Number(1) === ‘object’;
typeof new String(‘abc’) === ‘object’;

關于valueOf

JavaScript調用valueOf方法將對象轉換為原始值。
默認情況下，valueOf方法由Object后面的每個對象繼承。 每個內置的核心對象都會覆蓋此方法以返回適當的值。如果對象沒有原始值，則valueOf將返回對象本身。
JavaScript的許多內置對象都重寫了該函數，以實現更適合自身的功能需要。因此，不同類型對象的valueOf()方法的返回值和返回值類型均可能不同。

• 控制臺為什么有這樣的迷惑行為…因為自己不小心重寫了Object原型上的valueOf方法 = =，以下反面教材不要看
• 但是為什么Array、Function也受影響呢？原因是他們都是同一個valueOf

The Array prototype object does not have a valueOf property of its own;however,it inherits the valueOf property from the standard built-in Object property Object.
The Function prototype object does not have a valueOf property of its own; however, it inherits the valueOf property from the Object prototype Object.

關于隱式類型轉換

關系操作符（< > ≥ ≤）

數字比較比數字

字符串比較比字符編碼值（大寫字母<小寫字母）

有一個數字，另一個也轉數字（null轉0，undefined轉NaN，除了和0不能比，null和非0能比較）

有一個布爾值，把它轉為數字

有一個對象，調用valueOf，沒有則調用toString

相等和不相等(== !=)

有一個布爾值，把它轉為數字

字符串和數字，先將字符串轉數字

有一個對象，調用valueOf得到基本類型值再走以上規則（怎么得到基本類型值，這里有文章）

null、undefined在比較相等性前不得轉換（所以和任何比較==都是 false）

都是對象，比較是不是相同指向

• 關系、相等運算符摻雜了其他運算符，有優先級
  根據運算符優先級 ，！ 的優先級是大于 == 的

[] == true // false [] == ![] // true {} == !{} // false console.log({ a: 1 } == '[object Object]') // true console.log({ a: 1 } == true) // false console.log([] == '[object Array]') // false 數組toString是空字符串 console.log([] == '') // true console.log([] == 0) // true console.log([] == false) // true const number1 = new Number(3); const number2 = new Number(3); number1 == 3; // true number1 == number2; // false // [] == ! [] -> [] == false -> [] == 0 -> '' == 0 -> 0 == 0 -> true

ECMA類型轉換

總結

以上是生活随笔為你收集整理的ES5-20 复习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。