淺析javascript函數(shù)表達(dá)式
開始學(xué)習(xí)javascript函數(shù)表達(dá)式,仔細(xì)閱讀下文。
1、一般形式的創(chuàng)建函數(shù),在執(zhí)行代碼之前會(huì)先讀取函數(shù)聲明,所以可以把函數(shù)聲明寫在函數(shù)調(diào)用的下面:
sayHi(); function sayHi(){ alert("Hi!"); }
2、使用函數(shù)表達(dá)式創(chuàng)建函數(shù),調(diào)用前必須先賦值:
sayHi(); //錯(cuò)誤??!函數(shù)不存在 var sayHi=function(){ alert("Hi!"); }
3、遞歸
一般遞歸
function factorial(num){ if (num <= 1){ return 1; } else { return num * factorial(num-1); } }
arguments.callee指向正在執(zhí)行的函數(shù)的指針,可以用它來實(shí)現(xiàn)遞歸:
function factorial(num){ if (num <= 1){ return 1; } else { return num * arguments.callee(num-1); } }
4、閉包(閉包指一個(gè)函數(shù),這個(gè)函數(shù)可以訪問另一個(gè)作用域里的變量)。
創(chuàng)建閉包的常見方式:在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。當(dāng)函數(shù)執(zhí)行時(shí),會(huì)創(chuàng)建一個(gè)執(zhí)行環(huán)境和相應(yīng)的作用域鏈。閉包只能取得包含函數(shù)中任何變量的最后一個(gè)值:
function createFunctions(){ var result = new Array(); for (var i=0; i < 10; i++){ result[i] = function(){ return i; }; } return result; } var funcs = createFunctions(); //every function outputs 10 for (var i=0; i < funcs.length; i++){ document.write(funcs[i]() + "<br />"); }
上面代碼輸出的全部是10。這是因?yàn)椋好總€(gè)funcs函數(shù)都保存著createFunctions()這個(gè)活動(dòng)對象(這是一個(gè)函數(shù),也是一個(gè)對象,也是一個(gè)引用類型Function類型),而createFunctions()這個(gè)活動(dòng)對象有一個(gè)變量i,所以,每個(gè)funcs都將擁有這個(gè)變量i,而createFunctions()這個(gè)函數(shù)在返回結(jié)果時(shí),i已經(jīng)變成10了。所以funcs數(shù)組的每個(gè)值都是10.
可以像下面這樣改造:
function createFunctions(){ var result = new Array(); for (var i=0; i < 10; i++){ result[i] = function(num){ return function(){ return num; }; }(i); } return result; }
在調(diào)用每個(gè)匿名函數(shù)時(shí),將i的當(dāng)前值給了num,而在匿名函數(shù)內(nèi)部,創(chuàng)建并返回num的閉包。這樣,返回?cái)?shù)組的每個(gè)函數(shù)都有自己num變量的一個(gè)副本。(這段沒有說清,讀者自己再揣摩,如果有更好的描述方法,請?jiān)u論在文章下面,謝謝)
5、this對象
- 全局函數(shù)中,this就相當(dāng)于window。
- 函數(shù)被作為某個(gè)方法調(diào)用時(shí),this相當(dāng)于那個(gè)對象。
- 每個(gè)函數(shù)在被調(diào)用時(shí),這個(gè)函數(shù)都會(huì)自動(dòng)獲取兩個(gè)特殊變量:this、arguments。內(nèi)部函數(shù)在搜索這兩個(gè)變量時(shí),只搜索到活動(dòng)對象為止。
6、模仿塊級作用域(私有作用域)
如下:
function outputNumbers(count){ for (var i=0; i < count; i++){ alert(i); } alert(i); //count } outputNumbers(5);
在Java等語言中,for里面的變量i用完就銷毀了。而在javascript中,outputNumbers調(diào)用時(shí)生成活動(dòng)對象,而這個(gè)i是屬于這個(gè)活動(dòng)對象的,因此從它被定義開始,就可以在函數(shù)內(nèi)部隨處訪問它,它在該活動(dòng)對象內(nèi)部是共有的。
匿名函數(shù)的語法(創(chuàng)建私有作用域):
(function(){ //這里是塊級作用域 })();
函數(shù)聲明放在圓括號中,表示它是一個(gè)表達(dá)式,而后面再加個(gè)括號就可以立即調(diào)用它。
如果臨時(shí)需要一些變量,那么就可以使用私有作用域:
function outputNumbers(count){ (function () { for (var i=0; i < count; i++){ alert(i); } })(); alert(i); //causes an error }
上面代碼中,i就被私有了,在匿名函數(shù)(私有域)外部訪問i時(shí)就會(huì)報(bào)錯(cuò),盡管alert依然在活動(dòng)對象內(nèi)。
7、私有變量
函數(shù)的參數(shù)、局部變量以及函數(shù)內(nèi)部定義的其他函數(shù)都屬于該函數(shù)的私有變量。比如:
function add(num1,num2){ var sum = num1 + num2; return sum; }
有3個(gè)私有變量:num1,num2,sum。函數(shù)內(nèi)部可以訪問它們,外部就不行了。
特權(quán)方法可以訪問私有變量:簡單說,使用表達(dá)式方式給它一個(gè)閉包,在閉包內(nèi)部訪問其他函數(shù):
function Person(name){ var a=0; this.getName = function(){ return name + a; }; this.setName = function (value) { name = value; }; }
this.getName、this.setName就是表達(dá)式方式,在創(chuàng)建Person實(shí)例后,只能通過getName或者setName來訪問name、a屬性。
以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)的學(xué)習(xí)有所幫助。
相關(guān)文章
js調(diào)用后臺、后臺調(diào)用前臺等方法總結(jié)
這篇文章主要對js調(diào)用后臺,后臺調(diào)用前臺等方法做個(gè)總結(jié),需要的朋友可以參考下2014-04-04JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼
這篇文章主要介紹了JavaScript中展開運(yùn)算符及應(yīng)用的實(shí)例代碼,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01js?實(shí)現(xiàn)picker?選擇器示例詳解
這篇文章主要為大家介紹了js?實(shí)現(xiàn)picker?選擇器示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10