摘要:然后最后一步就是從父作用域鏈中將該特殊對(duì)象刪除,整個(gè)過程的偽代碼如下注意這里,該屬性不能刪除,只讀。
起因是我在逛sf的時(shí)候看到了一個(gè)人的提問:
為什么將函數(shù)c賦值給變量b,在函數(shù)體里面,給c賦值,為什么會(huì)失???也就是這代碼執(zhí)行時(shí)為什么c打印出來的不是3 var b = function c () { a=1, b=2, c=3; console.log(a); console.log(b); console.log(c); } b();
把上面這段代碼在控制臺(tái)中運(yùn)行一下,得出的結(jié)果是:
1 2 f c(){ ... }
看到其他的回答中有一個(gè)說c被聲明成了全局變量,我當(dāng)時(shí)是比較懷疑的,因?yàn)檫@種具名函數(shù)表達(dá)式是可以用函數(shù)名調(diào)用自身的,c會(huì)是函數(shù)本身的引用,所以我把console.log(c)改成了console.log(window.c):
var b = function c() { a=1, b=2, c=3; console.log(a); console.log(b); console.log(window.c); } b();
再執(zhí)行,輸出的結(jié)果是: 1 2 undefined,很明顯,c并沒有聲明到全局,所以說c=3這個(gè)語句只是靜默失敗了。在非嚴(yán)格模式下,JavaScript代碼的很多行為都會(huì)靜默失敗,但在嚴(yán)格模式下就會(huì)暴露問題所在,然后我給這個(gè)函數(shù)加上"use strict"再運(yùn)行一下:
var b = function c() { "use strict"; var a=1, b=2; c=3; console.log(a); console.log(b); console.log(window.c); } b();
果然報(bào)錯(cuò):Uncaught TypeError: Assignment to constant variable.,說明這個(gè)c是不可變的,至于為什么不可變,就屬于JavaScript函數(shù)本身的特點(diǎn)了。然后我在網(wǎng)上搜索了一些資料,在ECMA-262-3 in detail. Chapter 5. Functions.找到了一點(diǎn)相關(guān)內(nèi)容,文中提到了具名函數(shù)表達(dá)式(NFE)的一些特點(diǎn),比如如下的例子:
(function foo(bar) { if (bar) { return; } foo(true); // "foo" name is available })(); // but from the outside, correctly, is not foo(); // "foo" is not defined
其中一個(gè)特點(diǎn)是foo這個(gè)名字在函數(shù)內(nèi)部可用,這個(gè)特點(diǎn)由NFE的工作方式?jīng)Q定:
當(dāng)解釋器在執(zhí)行遇到具名函數(shù)表達(dá)式時(shí),在創(chuàng)建函數(shù)表達(dá)式之前,它會(huì)創(chuàng)建一個(gè)特殊的輔助對(duì)象,并且加載當(dāng)前的作用域鏈上。然后創(chuàng)建函數(shù)表達(dá)式本身,在該階段函數(shù)獲得[[Scope]]屬性,即創(chuàng)建函數(shù)的上下文作用域鏈,然后函數(shù)表達(dá)式的name會(huì)作為唯一(unique)的屬性添加到特殊對(duì)象上,屬性的值就是函數(shù)表達(dá)式的引用。然后最后一步就是從父作用域鏈中將該特殊對(duì)象刪除,整個(gè)過程的偽代碼如下:
specialObject = {}; Scope = specialObject + Scope; foo = new FunctionExpression; foo.[[Scope]] = Scope; specialObject.foo = foo; // {DontDelete}, {ReadOnly} 注意這里,該屬性不能刪除,只讀。 delete Scope[0]; // remove specialObject from the front of scope chain
對(duì)NFE工作原理理解過后,就很容易理解NFE的特性和文章開頭的問題了。
結(jié)尾廣告部分網(wǎng)易考拉招聘高級(jí)前端開發(fā)工程師,坐標(biāo)杭州濱江網(wǎng)易大廈,有興趣的請(qǐng)戳我了解&投遞簡(jiǎn)歷
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/107319.html
摘要:理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型,雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及,但是只要善于運(yùn)用,其實(shí)基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法,包括,,。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 怎樣使用 this 因?yàn)楸救藢儆趥吻岸?,因此文中只看懂?8 成左右,希望能夠給大家?guī)韼椭?...(據(jù)說是阿里的前端妹子寫的) this 的值到底...
摘要:設(shè)計(jì)模式是以面向?qū)ο缶幊虨榛A(chǔ)的,的面向?qū)ο缶幊毯蛡鹘y(tǒng)的的面向?qū)ο缶幊逃行┎顒e,這讓我一開始接觸的時(shí)候感到十分痛苦,但是這只能靠自己慢慢積累慢慢思考。想繼續(xù)了解設(shè)計(jì)模式必須要先搞懂面向?qū)ο缶幊?,否則只會(huì)讓你自己更痛苦。 JavaScript 中的構(gòu)造函數(shù) 學(xué)習(xí)總結(jié)。知識(shí)只有分享才有存在的意義。 是時(shí)候替換你的 for 循環(huán)大法了~ 《小分享》JavaScript中數(shù)組的那些迭代方法~ ...
摘要:和類在開始時(shí)遇到類組件,只是需要有關(guān)類的基礎(chǔ)。畢竟,中的條件呈現(xiàn)僅再次顯示大多數(shù)是而不是特定的任何內(nèi)容。 在我的研討會(huì)期間,更多的材料是關(guān)于JavaScript而不是React。其中大部分歸結(jié)為JavaScript ES6以及功能和語法,但也包括三元運(yùn)算符,語言中的簡(jiǎn)寫版本,此對(duì)象,JavaScript內(nèi)置函數(shù)(map,reduce,filter)或更常識(shí)性的概念,如:可組合性,可重用...
摘要:對(duì)象在中,除了數(shù)字字符串布爾值這幾個(gè)簡(jiǎn)單類型外,其他的都是對(duì)象。那么在函數(shù)對(duì)象中,這兩個(gè)屬性的有什么區(qū)別呢表示該函數(shù)對(duì)象的原型表示使用來執(zhí)行該函數(shù)時(shí)這種函數(shù)一般成為構(gòu)造函數(shù),后面會(huì)講解,新創(chuàng)建的對(duì)象的原型。這時(shí)的函數(shù)通常稱為構(gòu)造函數(shù)。。 本文原發(fā)于我的個(gè)人博客,經(jīng)多次修改后發(fā)到sf上。本文仍在不斷修改中,最新版請(qǐng)?jiān)L問個(gè)人博客。 最近工作一直在用nodejs做開發(fā),有了nodejs,...
摘要:也就是說,所有的函數(shù)和構(gòu)造函數(shù)都是由生成,包括本身。如果只考慮構(gòu)造函數(shù)和及其關(guān)聯(lián)的原型對(duì)象,在不解決懸念的情況下,圖形是這樣的可以看到,每一個(gè)構(gòu)造函數(shù)和它關(guān)聯(lián)的原型對(duì)象構(gòu)成一個(gè)環(huán),而且每一個(gè)構(gòu)造函數(shù)的屬性無所指。 前言 JavaScript 是我接觸到的第二門編程語言,第一門是 C 語言。然后才是 C++、Java 還有其它一些什么。所以我對(duì) JavaScript 是非常有感情的,畢...
閱讀 3531·2021-11-24 09:39
閱讀 788·2019-08-30 14:22
閱讀 3041·2019-08-30 13:13
閱讀 2326·2019-08-29 17:06
閱讀 2927·2019-08-29 16:22
閱讀 1263·2019-08-29 10:58
閱讀 2439·2019-08-26 13:47
閱讀 1639·2019-08-26 11:39