JavaScript中的閉包介紹
所謂的閉包應(yīng)該是指: 內(nèi)部函數(shù)讀取當(dāng)前函數(shù)以外的變量,即創(chuàng)建時所處的上下文環(huán)境。
function hello(){
var char = "hello,world";
function print(){
console.log(char);
};
return print();
}
需要注意的是這里的print函數(shù)引用了外部hello函數(shù)的char變量,于是在這里我們能夠返回一個
hello,world
而這個功能在某種意義上來說,應(yīng)該是要歸功于作用域。當(dāng)然了,我們沒有辦法直接訪問char,除非是我們聲明這個變量的時候出錯了。如
function hello(){
char = "hello,world";
function print(){
console.log(char);
};
return print();
}
僅僅是因為少了個var。
在這里hello變成一個閉包 了。 閉包是一種特殊的對象。它由兩部分構(gòu)成:函數(shù),以及創(chuàng)建該函數(shù)的環(huán)境。環(huán)境由閉包創(chuàng)建時在作用域中的任何局部變量組成。
Javscript 閉包與this
需要注意的是讀取this與arguments時,可能是會出問題的。
function hello(){
this.char = "hello,world";
function output(){
char = "I'm no hello world";
console.log(this.char);
};
return output();
}
當(dāng)然了這個例子并不夠貼切,so,我們需要一個額外的例子來解釋這個問題,下面引用一個《Javascript高級程序設(shè)計》中的一個例子,來說明這個問題。
var name = "The window";
var object = {
name: "My Object",
getNameFunc: function(){
return function(){
return this.name;
}
}
};
object.getNameFunc()()
只是這種用法實在是,而解決方法便是保存一個臨時變量that,如之前在《關(guān)于Javascript的this的一些知識》一文中所說的。
var name = "The window";
var object = {
name: "My Object",
getNameFunc: function(){
var that = this;
return function(){
return that.name;
}
}
};
object.getNameFunc()()
Javscript 閉包與讀寫變量
值得注意的是,如果我們沒有處理好我們的變量時,我們也可以修改這些變量。
function hello(){
var char = "hello,world";
return{
set: function(string){
return char = string;
},
print: function(){
console.log(char)
}
}
}
var say = hello();
say.set('new hello,world')
say.print() // new hello world
Javascript 閉包與性能
引用MDC的說法
如果不是因為某些特殊任務(wù)而需要閉包,在沒有必要的情況下,在其它函數(shù)中創(chuàng)建函數(shù)是不明智的,因為閉包對腳本性能具有負面影響,包括處理速度和內(nèi)存消耗。
文上還說到。
例如,在創(chuàng)建新的對象或者類時,方法通常應(yīng)該關(guān)聯(lián)于對象的原型,而不是定義到對象的構(gòu)造器中。原因是這將導(dǎo)致每次構(gòu)造器被調(diào)用,方法都會被重新賦值一次(也就是說,為每一個對象的創(chuàng)建)。
相關(guān)文章
Bootstrap Paginator分頁插件與ajax相結(jié)合實現(xiàn)動態(tài)無刷新分頁效果
這篇文章主要介紹了Bootstrap Paginator分頁插件與ajax相結(jié)合實現(xiàn)動態(tài)無刷新分頁效果,非常不錯,具有參考借鑒價值,感興趣的朋友一起看下吧2016-05-05JavaScript 匿名函數(shù)(anonymous function)與閉包(closure)
JavaScript 匿名函數(shù)(anonymous function)與閉包(closure) ,學(xué)習(xí)js的朋友可以參考下。2011-10-10Object.defineProperty()函數(shù)之屬性描述對象
這篇文章主要介紹了Object.defineProperty()函數(shù)之屬性描述對象,JavaScript?提供了一個內(nèi)部數(shù)據(jù)結(jié)構(gòu),用來描述對象的屬性,控制它的行為,比如該屬性是否可寫、可遍歷等等。這個內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為:屬性描述對象2022-09-09javascript下用ActiveXObject控件替換word書簽,將內(nèi)容導(dǎo)出到word后打印
由于時間比較緊,沒多的時候去學(xué)習(xí)研究上述工具包,現(xiàn)在用javascript操作ActiveXObject控件,用替換word模板中的書簽方式解決。2008-06-06