本文和大家分享的主要是javascript
函數(shù)表達(dá)式相關(guān)內(nèi)容,一起來(lái)看看吧,希望對(duì)大家
學(xué)習(xí)javascript http://www.maiziedu.com/course/web/有所幫助。
一、序
定義函數(shù)的方式有兩種:一種是函數(shù)聲明,另一種就是函數(shù)表達(dá)式;
1.1
函數(shù)聲明
function
functionName(arg){
//
函數(shù)體
}
關(guān)于函數(shù)聲明,它有一個(gè)重要特征就是函數(shù)聲明提升,意思就是在執(zhí)行代碼之前會(huì)先讀取函數(shù)聲明。這就意味著可以把函數(shù)放在調(diào)用它的語(yǔ)句后面。如下所示:
helloworld(); //
在代碼執(zhí)行之前會(huì)先讀取函數(shù)聲明
function
helloworld(){
console.log("hello world");
}
1.2
函數(shù)表達(dá)式
var functionName=
function(arg){
//
函數(shù)體
}
這種形式看起來(lái)好像是常規(guī)的變量賦值語(yǔ)句,即創(chuàng)建一個(gè)函數(shù)并將它賦值給變量functionName
。這種情況下創(chuàng)建的函數(shù)叫做匿名函數(shù)。因?yàn)?/span>
function
關(guān)鍵字后面沒(méi)有標(biāo)識(shí)符。
函數(shù)表達(dá)式與其他表達(dá)式一樣,在使用之前必須先賦值;如下面代碼就會(huì)導(dǎo)致錯(cuò)誤;
helloworld(); //
錯(cuò)誤,還未賦值,函數(shù)不存在
var helloworld=
function(){
console.log("hello world");
}
有了函數(shù)表達(dá)式,我們就可以動(dòng)態(tài)給函數(shù)表達(dá)式賦值了;如下面代碼:
var helloworld; //
聲明
if(condition){ //
條件
helloworld=
function(){ //
賦值
console.log("hello world");
}
}
else{
helloworld=
function(){ //
賦值
console.log("
你好,世界
");
}
}
二、遞歸函數(shù)
遞歸函數(shù)是在一個(gè)函數(shù)通過(guò)名字調(diào)用自身的情況下構(gòu)成的(和
C#
等語(yǔ)言一樣,所以程序的核心思想是差不多,只是在語(yǔ)法上有些差異,學(xué)好一門(mén)語(yǔ)言的基礎(chǔ),學(xué)習(xí)其他就會(huì)輕松很多),舉個(gè)經(jīng)典的遞歸面試題,一列數(shù)的規(guī)則如下
: 1
、
1
、
2
、
3
、
5
、
8
、
13
、
21
、
34……
求第
30
位數(shù)是多少,
用遞歸算法實(shí)現(xiàn),代碼如下所示:
function
foo(n) {
if (n <= 0)
return 0;
else
if (n > 0 && n <= 2)
return 1;
else
return foo(n - 1) + foo(n - 2);
}
雖然這個(gè)函數(shù)表明看來(lái)沒(méi)有什么問(wèn)題,但下面的代碼卻可能導(dǎo)致它出錯(cuò):
var foo1 = foo;
foo = null;
console.log(foo1(34));
以上代碼先把foo()
函數(shù)保存在變量
foo1
中,然后將
foo
變量設(shè)為
null
,結(jié)果指向原始函數(shù)的引用只剩下一個(gè)。但在接下來(lái)調(diào)用
foo1()
時(shí),由于必須執(zhí)行
foo()
,而
foo
已經(jīng)為
null
了,所以就會(huì)導(dǎo)致錯(cuò)誤;在這種情況下,使用
arguments.callee
可以解決這個(gè)問(wèn)題。
arguments.callee
是一個(gè)指向正在執(zhí)行的函數(shù)的指針,因此可以用它來(lái)實(shí)現(xiàn)對(duì)函數(shù)的遞歸調(diào)用
function
foo(n) {
if (n <= 0)
return 0;
else
if (n > 0 && n <= 2)
return 1;
else
return arguments.callee(n - 1) + arguments.callee(n - 2);
}
也可以使用命名函數(shù)表達(dá)式來(lái)達(dá)成相同的結(jié)果。例如:
var foo = (
function f(
n) {
if (
n <= 0)
return 0;
else if (
n > 0 && n <= 2)
return 1;
else
return f(
n - 1) + f(
n - 2);
});
三、閉包
3.1
閉包是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域中的變量的函數(shù),創(chuàng)建閉包的常見(jiàn)方式,就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。要理解閉包,首先必須理解
JavaScript
特殊變量的作用域。變量的作用域無(wú)非就是兩種,全局變量和局部變量;接下來(lái)寫(xiě)幾個(gè)
demo
來(lái)直觀表達(dá);
函數(shù)內(nèi)部直接讀取全局變量:
var n = 100; //
定義一個(gè)全局變量
function
fn() {
console.log(n); //
函數(shù)內(nèi)部直接讀取全局變量
}
fn();
函數(shù)外部不能直接讀取局部變量:
function
fn() {
var n = 100;
}
console.log(n); //n is not defined
在這里有個(gè)地方需要注意的是,在函數(shù)內(nèi)部聲明變量的時(shí)候,一定要用var ,
如果沒(méi)用,則會(huì)變成全局變量:
function
fn() {
n = 100;
}
fn();
console.log(n); //100
有時(shí)候我們需要得到函數(shù)內(nèi)部聲明的變量,所以可以使用上面提到創(chuàng)建閉包的常用方式,在函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù):
function
fn() {
n = 100;
function
fn1() {
console.log(n);
}
fn1();
}
fn(); //100
在上面的代碼中,函數(shù)fn1
就被包括在函數(shù)
fn
內(nèi)部,這時(shí)
fm
內(nèi)部的所有局部變量,對(duì)
fn1
都是可見(jiàn)的。但是反過(guò)來(lái)就不行,
fn1
內(nèi)部的局部變量,對(duì)
fn
就是不可見(jiàn)的。這就是
Javascript
語(yǔ)言特有的
"
鏈?zhǔn)阶饔糜?/span>
"
結(jié)構(gòu),子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量。所以,父對(duì)象的所有變量,對(duì)子對(duì)象都是可見(jiàn)的,反之則不成立。
竟然fn1
可以讀取
fn
內(nèi)部變量,那么只要把
fn1
作為返回值,這要我們就可以在外部讀取
fn
的變量了
function
fn() {
n = 100;
function
fn1() {
console.log(n);
}
return fn1;
}
var result=fn();
result(); //100
在這里fn1
就是閉包,閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在
Javascript
語(yǔ)言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量,因此可以把閉包簡(jiǎn)單理解成
"
定義在一個(gè)函數(shù)內(nèi)部的函數(shù)
"
。所以,在本質(zhì)上,閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來(lái)的一座橋梁。
3.2
閉包的用途
它的最大用處有兩個(gè),一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量,另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。如下面代碼所示:
function
fn() {
n = 100;
nadd =
function () {
n += 1;
}
function
fn1() {
console.log(n);
}
return fn1;
}
var result = fn();
result(); //100
nadd();
result(); //101
注意:由于閉包函數(shù)會(huì)攜帶包含它的函數(shù)的作用域,因此會(huì)比其他函數(shù)占用更多的內(nèi)存,過(guò)度使用閉包可能會(huì)導(dǎo)致內(nèi)存占用過(guò)多,所以在退出函數(shù)之前,將不使用的局部變量全部刪除。
四、塊級(jí)作用域
塊級(jí)作用域(又稱為私有作用域)的匿名函數(shù)的語(yǔ)法如下所示:
(
function(){
//
塊級(jí)作用域
})();
無(wú)論在什么地方,只要臨時(shí)需要一些變量,就可以使用私有作用域,比如:
(
function () {
var now = new Date();
if (
now.getMonth() == 0 && now.getDate() == 1) {
alert("
新年快樂(lè)
");
}
})();
把上面這段代碼放到全局作用域中,如果到了1
月
1
日就會(huì)彈出
“
新年快樂(lè)
”
的祝福;這種技術(shù)經(jīng)常在全局作用域中被用在函數(shù)外部,從而限制向全局作用域中添加過(guò)多的變量和函數(shù)。一般來(lái)說(shuō)
,
我們都應(yīng)該盡量少向全局作用域中添加變量和函數(shù)。在一個(gè)由很多開(kāi)發(fā)人員共同參與的大型應(yīng)用程序中,過(guò)多的全局變量和函數(shù)很容易導(dǎo)致命名沖突。而通過(guò)創(chuàng)建私用作用域,每個(gè)開(kāi)發(fā)人員既可以使用自己的變量,又不必?fù)?dān)心搞亂全局作用域。
來(lái)源:
博客園
|