国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript變量提升和閉包理解

2019-11-19 14:11:22
字體:
來源:轉載
供稿:網友

我們先來看一個題目:

<script> console.log(typeof a)//undefined var a='littlebear'; console.log(a)//littlebear </script><script> console.log(typeof a)//string var a=1; console.log(a)//1</script>

第一個script里可以看出var a 被提升到頂部,a = 'littlebear'被保留在原地。

第二個script,之所以不先打印undefined ,是因為a在上面已經被var聲明過,所以var a不會再次被提升。

再看一個題目:

<script>  console.log(a)//function a(){}  var a=1;  console.log(a)//1  function a(){}  console.log(a)//1</script>

可以看到function a(){}被提升到最頂端。說明函數的提升變量的提升

1.變量提升

在ES6之前,JavaScript沒有塊級作用域(一對花括號{}即為一個塊級作用域),只有全局作
用域和函數作用域。變量提升即將變量聲明提升到它所在作用域的最開始的部分。
上個簡歷的例子如:

console.log(global); // undefinedvar global = 'global';console.log(global); // globalfunction fn () {  console.log(a); // undefined  var a = 'aaa';  console.log(a); // aaa}fn();

之所以會是以上的打印結果,是由于js的變量提升,實際上上面的代碼是按照以下來執行的:

var global; // 變量提升,全局作用域范圍內,此時只是聲明,并沒有賦值console.log(global); // undefinedglobal = 'global'; // 此時才賦值console.log(global); // 打印出global function fn () {  var a; // 變量提升,函數作用域范圍內  console.log(a);  a = 'aaa';  console.log(a);}fn();

2.函數提升

js中創建函數有兩種方式:函數聲明式和函數字面量式。只有函數聲明才存在函數提升!如:

console.log(f1); // function f1() {}  console.log(f2); // undefined function f1() {}var f2 = function() {}

之所以會有以上的打印結果,是由于js中的函數提升導致代碼實際上是按照以下來執行的:

function f1() {} // 函數提升,整個代碼塊提升到文件的最開始console.log(f1);  console.log(f2);  var f2 = function() {}

3.什么是閉包

閉包是有權訪問另一個函數作用域的變量的函數。

簡單的說,Javascript允許使用內部函數---即函數定義和函數表達式位于另一個函數的函數體內。而且,這些內部函數可以訪問它們所在的外部函數中聲明的所有局部變量、參數和聲明的其他內部函數。當其中一個這樣的內部函數在包含它們的外部函數之外被調用時,就會形成閉包。

4.變量的作用域

要理解閉包,首先要理解變量的作用域。

變量的作用域無非就是兩種:全局變量和局部變量。

Javascript語言的特殊之處,就在于函數內部可以直接讀取全局變量。

其中內部函數中可以訪問外部函數的變量,是因為內部函數的作用域鏈中包含了外部函數的作用域;

也可以理解為:內部函數的作用范圍輻射到了外部函數的作用范圍;

var n=999;function f1(){ alert(n);}f1(); // 999

另一方面,在函數外部自然無法讀取函數內的局部變量。

function f1(){ var n=999;}alert(n); // error

這里有一個地方需要注意,函數內部聲明變量的時候,一定要使用var命令。如果不用的話,你實際上聲明了一個全局變量!

function f1(){  n=999;}f1();alert(n); // 999

5.閉包的寫法和用法

var Circle={   "PI":3.14159,   "area":function(r){     return this.PI * r * r;   } }; alert( Circle.area(1.0) );//3.14159

剛開始我沒意識到,這樣寫對象也是一種閉包,今天回頭想想,這就是閉包的經典用發??!

6.使用閉包的注意點

1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。

2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便改變父函數內部變量的值。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 克什克腾旗| 玉林市| 高邑县| 汪清县| 东平县| 固始县| 泗阳县| 禹州市| 上犹县| 湘乡市| 瑞丽市| 阳江市| 玉门市| 延长县| 施甸县| 闵行区| 拉孜县| 望谟县| 怀化市| 广丰县| 东兴市| 左云县| 临漳县| 甘肃省| 湾仔区| 运城市| 北辰区| 盈江县| 元江| 福安市| 从江县| 咸丰县| 陇西县| 黑水县| 剑川县| 开封市| 丹凤县| 三江| 龙州县| 正宁县| 吴堡县|