資訊專欄INFORMATION COLUMN
摘要：而我們使用額外的參數(shù)指向參數(shù)作用域中的時就可以執(zhí)行這里的的默認(rèn)值會被賦予為而不是拋出異常，因?yàn)樵趶淖笙蛴页跏蓟瘏?shù)的時候已經(jīng)給賦予了。
ES6 函數(shù)默認(rèn)參數(shù)、TDZ以及Firefox 50.x 版本的實(shí)現(xiàn) 從屬于 Web 前端入門與工程實(shí)踐
昨天看到阮老師發(fā)的一個微博：
筆者自己也嘗試了下，在 Chrome 中：
在 Firefox 與 Babel 中的效果：
理論上來說，ES6 中引入了 Temporal Dead Zone 的概念，即參數(shù)或者變量不可在初始化前被訪問，上述代碼中的= x賦值語句是在參數(shù)域中被執(zhí)行，因此會覆蓋掉全局定義中的x，自然就無法被初始化為自身。而我們使用額外的參數(shù)指向參數(shù)作用域中的x時就可以執(zhí)行：
function foo(x, y = x) { // OK
...
}
這里的y的默認(rèn)值會被賦予為undefined而不是拋出異常，因?yàn)樵趶淖笙蛴页跏蓟瘏?shù)的時候已經(jīng)給x賦予了undefined。而在 Babel 中，因?yàn)槠鋵⒛J(rèn)參數(shù)解析為了具體的值判斷，因此不存在 TDZ 問題：
// ES6
function foo(x, y = function() { x = 2; }) {
var x = 3;
y(); // is `x` shared?
console.log(x); // no, still 3, not 2
}
// Compiled to ES5
function foo(x, y) {
// Setup defaults.
if (typeof y == "undefined") {
y = function() { x = 2; }; // now clearly see that it updates `x` from params
}
return function() {
var x = 3; // now clearly see that this `x` is from inner scope
y();
console.log(x);
}.apply(this, arguments);
}
不過號稱在 FF15 版本中就實(shí)現(xiàn)了默認(rèn)參數(shù)的 Firefox 為何會與 Babel 有一樣的表現(xiàn)呢？筆者截止目前還沒有確定答案，有可能是 FF50 中還沒有實(shí)現(xiàn) TDZ 吧：
除此之外還有個小疑問：
function rest(b = a, ...a) {
console.log(b, a);
}
rest(undefined, 2);
上述代碼在 Chrome 中輸出為[2][2]，F(xiàn)irefox 中輸出undefined，直接運(yùn)行 Babel 拋出異常，官方 Babel 的編譯結(jié)果為：
"use strict";
function rest() {
var b = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : a;
for (var _len = arguments.length, a = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
a[_key - 1] = arguments[_key];
}
console.log(b, a);
}
rest(undefined, 2);
執(zhí)行結(jié)果為undefined [2]
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/81297.html
摘要：以英文名詞來說明，是時間的暫時的意義，則是死區(qū)，意指電波達(dá)不到的區(qū)域。所以可以翻為時間上暫時的無法達(dá)到的區(qū)域，簡稱為時間死區(qū)或暫時死區(qū)。以聲明的變量或常量，必需是經(jīng)過對聲明的賦值語句的求值后，才算初始化完成，創(chuàng)建時并不算初始化。 Temporal Dead Zone(TDZ)是ES6(ES2015)中對作用域新的專用語義。TDZ名詞并沒有明確地寫在ES6的標(biāo)準(zhǔn)文件中，一開始是出現(xiàn)在ES...
摘要：由于當(dāng)時我本身也還不知道這一回事沒有看懂，所以就花了一些時間去搞清楚什么是及會帶來一些什么問題，本文主要是用于介紹我對的一些理解，如有問題，多謝指出。 原文鏈接：https://acrens.github.io/2017/01/22/2017-01-22-TDZ/春節(jié)快到了，假期也快到了，空閑之余刷個微博，看見 @ruanyf 提出了一個問題與 TDZ 有關(guān)，但是貌似阮大當(dāng)時還沒有意識...
摘要：塊級作用域存在于函數(shù)內(nèi)部塊中字符和之間的區(qū)域和塊級聲明用于聲明在指定塊的作用域之外無法訪問的變量。和都是塊級聲明的一種。值得一提的是聲明不允許修改綁定，但允許修改值。這意味著當(dāng)用聲明對象時沒有問題報錯臨時死區(qū)臨時死區(qū)，簡寫為。 塊級作用域的出現(xiàn) 通過 var 聲明的變量存在變量提升的特性： if (condition) { var value = 1; } console.lo...
摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。這在語法上，稱為暫時性死區(qū)，簡稱。這表明函數(shù)內(nèi)部的變量與循環(huán)變量不在同一個作用域，有各自單獨(dú)的作用域。系列文章系列文章地址 showImg(https://segmentfault.com/img/bVbrjjC); 為什么需要塊級作用域 ES5 只有全局作用域和函數(shù)作用域，沒有塊級作用域，這帶來很多不合...
閱讀 2805·2019-08-30 15:55
閱讀 2853·2019-08-30 15:53
閱讀 2289·2019-08-26 13:47
閱讀 2551·2019-08-26 13:43
閱讀 3153·2019-08-26 13:33
閱讀 2794·2019-08-26 11:53
閱讀 1789·2019-08-23 18:35
閱讀 795·2019-08-23 17:16
