困擾我的Javascript的閉包

yuanxin 發(fā)布于2019-08-21 17:17 / 1010人閱讀

摘要：一，理解閉包就要先理解作用域作用域在中作用域是由函數(shù)劃分的，所有屬于全局作用域的變量都是對(duì)象的屬性函數(shù)可以訪問(wèn)函數(shù)，函數(shù)外不能訪問(wèn)函數(shù)里定義的變量，那么函數(shù)能訪問(wèn)函數(shù)里定義的變量那么可以將函數(shù)作為返回值，然后提供給外部作為接口，那么外部就能

一，理解閉包就要先理解作用域

作用域scope 在js中作用域scope是由函數(shù)劃分的，所有屬于全局作用域的變量都是window對(duì)象的屬性(prototype);

function A(){
 var num =2;
 function B(){
 console.log(num);
  }
}
//B函數(shù)可以訪問(wèn)A函數(shù)，A函數(shù)外不能訪問(wèn)A函數(shù)里定義的變量，那么B函數(shù)能訪問(wèn)A函數(shù)里定義的變量;
//那么可以將B函數(shù)作為返回值，然后提供給外部（作為接口），那么外部就能訪問(wèn)A函數(shù)里的變量了
//鏈?zhǔn)阶饔糜騝hain scope ：子對(duì)象一級(jí)一級(jí)向父級(jí)對(duì)象尋找變量

var num = 2;
var obj = {
   num :3,
   getNum :function (){
   console.log(this.num)
  }
}
obj.getNum();//3


var n = 2;
var obj = {
    n:3,
    getNum:function (){
    setTimeout(console.log(this.n),3000);
    }
}
obj.getNum();//3


var n = 2;
var obj = {
     n:3,
     getNum:funciton(){
     setTimeout(function(){
        console.log(this.n)
     },3000)
     }
};
obj.getNum();//2

二，閉包c(diǎn)losure:內(nèi)層的函數(shù)可以引用他外層函數(shù)內(nèi)的變量，即使外層的執(zhí)行已經(jīng)終止

//閉包的典型案例，實(shí)現(xiàn)訪問(wèn)函數(shù)內(nèi)部的變量
function people() {
 var name = "maoguotao";
 function getname(){
    console.log(name);
 } 
return getname;
}
var person = people();
person();

函數(shù)getName就是這個(gè)people函數(shù)的對(duì)外接口提供能夠訪問(wèn)到內(nèi)部定義的name,因此getName函數(shù)和變量name組成的環(huán)境就稱(chēng)之為閉包;

閉包的兩個(gè)特點(diǎn):1,可以訪問(wèn)函數(shù)內(nèi)部的變量，2，這些變量的值始終是保存在內(nèi)存中

1.可以訪問(wèn)函數(shù)內(nèi)部的變量

function A(){
    var name = "maoguotao";
    this.getName = function () {
       console.log(name);
    }
}

var a = new A();
a.getName();

2.這些變量的值始終是保存在內(nèi)存中

function A(){
 var name = "maoguotao";
 addName = function (){
     name = name + "12";
  }
 function getName(){
     console.log(name+"34");
 }
return getName;
}
var a = A();
a();
//maoguotao34
addName();
a();
//maoguotao1234

a函數(shù)執(zhí)行了兩次，也就是說(shuō)閉包getName函數(shù)執(zhí)行了兩次，實(shí)際上局部變量name是保存在內(nèi)存中的，并沒(méi)有在第一次的a()調(diào)用完之后清除，因?yàn)锳函數(shù)是getName閉包函數(shù)的父函數(shù)，而getName函數(shù)被賦給a全局變量，使得getName函數(shù)始終在內(nèi)存中，而getName函數(shù)依賴(lài)于A函數(shù)，所以A函數(shù)也是在內(nèi)存中，不會(huì)在調(diào)用結(jié)束后清除;

閉包的缺點(diǎn):
1,閉包使得函數(shù)中的變量保存在內(nèi)存中，對(duì)內(nèi)存消耗很大，不能濫用，會(huì)造成網(wǎng)頁(yè)的性能問(wèn)題，在IE中可能導(dǎo)致內(nèi)存的泄露，解決辦法就是在退出函數(shù)之前將使用的局部變量全部刪除;

2,閉包會(huì)在父函數(shù)外部，改變父函數(shù)的內(nèi)部變量的值，因此，把父函數(shù)當(dāng)作Object對(duì)象使用，把閉包當(dāng)作他的公用方法，把內(nèi)部變量當(dāng)作他的私有屬性;