變量聲命周期

垃圾回收

找出不再使用的變量

釋放其占用內(nèi)存

固定的時(shí)間間隔運(yùn)行

• 解除由于閉包產(chǎn)生的對(duì)fn AO的引用

標(biāo)記清除

• 排除全局變量、排除閉包引用的AO中的變量
• 進(jìn)入環(huán)境 → 離開環(huán)境
• 常用

引用計(jì)數(shù)

• 引用計(jì)數(shù)為0時(shí)清除
• 對(duì)循環(huán)引用的情況，如果不手動(dòng)接觸引用(a = null)，則無法清除

arguments

屬性

• 函數(shù)內(nèi)部對(duì)應(yīng)參數(shù)值的實(shí)參列表
• 類數(shù)組對(duì)象 Array-like
• 有屬性callee，指向它的宿主函數(shù)
• 屬性Symbol(Symbol.iterator) 表示可迭代
• constructor是Object
• 有l(wèi)ength屬性
• 屬性下標(biāo)從0開始
• 沒有數(shù)組的內(nèi)置方法
• 注意：箭頭函數(shù)沒有arguments

function test(a, b) {console.log(arguments) // 1 2 3console.log(Object.prototype.toString.call(arguments)) // [object Arguments]console.log(Array.isArray(arguments)) // false } test(1, 2, 3,)

普通對(duì)象是不可迭代的

• 三個(gè)參數(shù)，迭代到第四個(gè)便完成了

function* generator(args) {for (var key in args) {yield key} } var it = generator(obj) console.log(it.next()) console.log(it.next()) console.log(it.next()) console.log(it.next()) function test(a, b) {var it = generator(arguments)console.log(it.next())console.log(it.next())console.log(it.next())console.log(it.next()) } test(1, 2, 3)

箭頭函數(shù)內(nèi)使用實(shí)參(es6弱化了arguments)

• 嚴(yán)格模式讓arguments和eval少了一些奇怪的行為。兩者在通常的代碼中都包含了很多奇怪的行為。

Strict mode makes arguments and eval less bizarrely magical. Both involve a considerable amount of magical behavior in normal code.

arguments的一些操作會(huì)阻止js引擎的優(yōu)化

對(duì)參數(shù)使用slice會(huì)阻止某些JavaScript引擎中的優(yōu)化 (比如 V8 - 更多信息)。如果你關(guān)心性能，嘗試通過遍歷arguments對(duì)象來構(gòu)造一個(gè)新的數(shù)組。另一種方法是使用被忽視的Array構(gòu)造函數(shù)作為一個(gè)函數(shù)
var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments));

bluebird-petkaantonov

• 多種方式將arguments轉(zhuǎn)為新數(shù)組返回

function test() {var arr = []for (var v of arguments) {arr.push(v)}// return arr// return arguments.length === 1 ? [arguments[0]] : Array.from(arguments)return arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments) } console.log(test(1, 2, 3))

使用場(chǎng)景：

實(shí)參個(gè)數(shù) > 形參個(gè)數(shù)

不定參數(shù)

形、實(shí)參的對(duì)應(yīng)關(guān)系

Note: If you’re writing ES6 compatible code, then rest parameters should be preferred.
Note: “Array-like” means that arguments has a length property and properties indexed from zero, but it doesn’t have Array’s built-in methods like forEach() and map(). See §Description for details.

當(dāng)非嚴(yán)格模式中的函數(shù)沒有包含剩余參數(shù)、默認(rèn)參數(shù)和解構(gòu)賦值，那么arguments對(duì)象中的值會(huì)跟蹤參數(shù)的值（反之亦然）。

1. 形參中但凡有一個(gè)有默認(rèn)值， 形、實(shí)參不再對(duì)應(yīng)

function test(a = 100, b, c) {arguments[1] = 1000console.log(b, arguments[1]) // 2 100 } test(1, 2, 3)

不統(tǒng)一的具體表現(xiàn)

1. ES6形參默認(rèn)值

當(dāng)實(shí)參為undefined時(shí)，形參若有默認(rèn)值，便取默認(rèn)值

function test(a = 100, b, c) {arguments[0] = 1000console.log(a, arguments[0]) // 100 1000 } test()

形參、實(shí)參并不統(tǒng)一

function test(a = 100, b, c) {console.log(a, arguments[0]) // 100 undefined } test()

修改形參，便不再取默認(rèn)值

function test(a = 100, b, c) {a = 666console.log(a, arguments[0]) // 666 1 } test(1)

2. ES6使用展開運(yùn)算符

function test(...args) {arguments[0] = 100console.log(args[0], arguments[0]) // 1 100 } test(1)

3. ES6參數(shù)解構(gòu)

function test({ a, b, c }) {arguments[0]['a'] = 100console.log(a, arguments[0]['a']) // 1 100 } test({ a: 1, b: 2, c: 3 })

MDN: 注意: 在嚴(yán)格模式下，arguments對(duì)象已與過往不同。arguments[@@iterator]不再與函數(shù)的實(shí)際形參之間共享，同時(shí)caller屬性也被移除。

4*. 嚴(yán)格模式下，怎么都不對(duì)應(yīng)

function test(a, b, c) {'use strict'arguments[0] = 100console.log(a, arguments[0]) // 1 100 } test(1)

5. ES5實(shí)參undefined

var test = function (a, b) {a = 1console.log(a, arguments[0]) // 1 undefined } test() // 這個(gè)相當(dāng)于es5無默認(rèn)值 var test = function (a = undefined, b) {console.log(a, arguments[0]) // 100 100 } test(100)

arguments

總結(jié)

以上是生活随笔為你收集整理的ES5-19 变量声命周期、垃圾回收原理、arguments的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。