成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript中的函數(shù)

coolpail / 1638人閱讀

摘要:然后最后一步就是從父作用域鏈中將該特殊對(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

相關(guān)文章

  • JavaScript深入淺出

    摘要:理解的函數(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 的值到底...

    blair 評(píng)論0 收藏0
  • JS程序

    摘要:設(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ù)組的那些迭代方法~ ...

    melody_lql 評(píng)論0 收藏0
  • 學(xué)習(xí)React之前你需要知道的的JavaScript基礎(chǔ)知識(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í)性的概念,如:可組合性,可重用...

    bitkylin 評(píng)論0 收藏0
  • JavaScript中的面向?qū)ο螅╫bject-oriented)編程

    摘要:對(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,...

    JerryZou 評(píng)論0 收藏0
  • 深入理解JavaScript,這一篇就夠了

    摘要:也就是說,所有的函數(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 是非常有感情的,畢...

    villainhr 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

coolpail

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<