JavaScript引用類型Function實(shí)例詳解
本文實(shí)例講述了JavaScript引用類型Function。分享給大家供大家參考,具體如下:
Function類型
函數(shù)是對(duì)象,函數(shù)名是指針:每個(gè)函數(shù)都是Function類型的實(shí)例。由于函數(shù)是對(duì)象,因此函數(shù)名是一個(gè)指向函數(shù)對(duì)象的指針,不會(huì)與某個(gè)函數(shù)綁定,一個(gè)函數(shù)可能會(huì)有多個(gè)名字。
function getSum(a, b) {
return a + b;
}
alert(getSum(2, 3));//5
var copy = getSum;
alert(copy(2, 3));//5
getSum = null;
alert(copy(2, 3));//5
定義函數(shù)的方式有三種:函數(shù)聲明、函數(shù)表達(dá)式、Function構(gòu)造函數(shù)。
Function構(gòu)造函數(shù)接收任意數(shù)量的參數(shù),前面的參數(shù)枚舉了函數(shù)的參數(shù),最后一個(gè)參數(shù)是函數(shù)體。一般不推薦使用Function構(gòu)造函數(shù)定義函數(shù)。
var getSum = new Function("a", "b", "return a + b";
JavaScript沒有函數(shù)重載的概念,若聲明了兩個(gè)同名函數(shù),則后面的函數(shù)會(huì)覆蓋前面的函數(shù)。
由于函數(shù)名本身是變量,因此函數(shù)也可以作為值來使用,不僅可以傳遞一個(gè)函數(shù)作為參數(shù),還可以將函數(shù)作為返回值。
function callFunction(func, arguments) {
return func(arguments);
}
function sayHello(name) {
return "Hello, " + name;
}
var result = callFunction(sayHello, "Alice");
alert(result);//Hello, Alice
①、函數(shù)聲明
function 函數(shù)名稱(參數(shù)|可選) { 函數(shù)體 }
例:
function func1(){// 聲明,程序的一部分
function func() {// 聲明,函數(shù)體的一部分
...//函數(shù)體
}
}
②、函數(shù)表達(dá)式
function 函數(shù)名稱|可選(參數(shù)|可選) { 函數(shù)體 }
例1:
var fun = function func() {};//表達(dá)式,賦值表達(dá)式的一部分
例2:
new function func(){};//表達(dá)式,new表達(dá)式
例3:
(function func(){});
//表達(dá)式,包含在分組操作符——括號(hào)()內(nèi),括號(hào)()內(nèi)只能包含表達(dá)式
例4:
[function func() {}];//表達(dá)式,數(shù)組初始化器內(nèi)只能是表達(dá)式
例5:
1, function func() {};//表達(dá)式,逗號(hào)只能操作表達(dá)式
③、函數(shù)構(gòu)造器
函數(shù)構(gòu)造器創(chuàng)建的函數(shù)的[[Scope]]屬性僅包含全局對(duì)象。
<script>
var a = 1;
func1();
function func1() {
var a = 2;
var b = 3;
var func2 = new Function("alert(a); alert(b);");
func2();//1,b is not defined
}
</script>
函數(shù)構(gòu)造器創(chuàng)建的函數(shù)func2可以從全局對(duì)象中取得變量a,但全局對(duì)象中沒有b,因此報(bào)錯(cuò):b未定義。
函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別
1)函數(shù)聲明在進(jìn)入上下文階段創(chuàng)建,在代碼執(zhí)行階段就已經(jīng)可用了,函數(shù)表達(dá)式則是在代碼執(zhí)行階段才創(chuàng)建,所以函數(shù)聲明可以提升,但函數(shù)表達(dá)式則不能。
函數(shù)聲明提升:
func();//Function declaration
function func(){
alert("Function declaration");
}
函數(shù)表達(dá)式不能提升:
func();//報(bào)錯(cuò):func is not a function
var func = function (){
alert("Function expression");
}
2)函數(shù)聲明影響變量對(duì)象VO,也就是存儲(chǔ)在上下文的VO中的變量對(duì)象,函數(shù)表達(dá)式不影響變量對(duì)象VO,不存在于變量對(duì)象中,這意味著既不可能通過名稱在函數(shù)聲明之前調(diào)用它,也不可能在聲明之后調(diào)用它。但是,函數(shù)表達(dá)式在遞歸調(diào)用中可以通過名稱調(diào)用自身。
例1:
alert(func); //報(bào)錯(cuò):func is not a function。定義之前不可用,因?yàn)樗诖a執(zhí)行階段創(chuàng)建
(function func() {});
alert(func); //報(bào)錯(cuò):func is not a function。定義之后也不可用,因?yàn)樗辉谧兞繉?duì)象VO中
例2:
(function func(param) {
if (param) {
return;
}
func(true);//func可用,遞歸調(diào)用可以通過名稱調(diào)用自身
})();
func(); // func is not a function,外部不可用
3)函數(shù)聲明只能出現(xiàn)在程序或函數(shù)體內(nèi),不能出現(xiàn)在表達(dá)式或塊({ … })中,如if、while或for語句中。因?yàn)镴avaScript無塊級(jí)作用域,只有函數(shù)和全局作用域。 函數(shù)表達(dá)式出現(xiàn)在表達(dá)式的位置。
函數(shù)聲明:有的瀏覽器會(huì)返回if,而有的瀏覽器會(huì)返回else。
if (true) {
function func() {
alert('if');
}
}
else {
function func() {
alert('else');
}
}
func();
函數(shù)表達(dá)式:所有瀏覽器都返回if。
var func;
if (true) {
func = function() {
alert('if');
};
}
else {
func = function() {
alert('else');
};
}
func();
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JavaScript對(duì)象內(nèi)置對(duì)象,值類型和引用類型講解
- JavaScript 引用類型實(shí)例詳解【數(shù)組、對(duì)象、嚴(yán)格模式等】
- Javascript 關(guān)于基本類型和引用類型的個(gè)人理解
- JavaScript引用類型RegExp基本用法詳解
- JavaScript引用類型之基本包裝類型實(shí)例分析【Boolean、Number和String】
- JavaScript引用類型Date常見用法實(shí)例分析
- JavaScript引用類型Object常見用法實(shí)例分析
- JavaScript高級(jí)程序設(shè)計(jì)之基本引用類型
相關(guān)文章
淺析JavaScript回調(diào)函數(shù)應(yīng)用
這篇文章主要為大家詳細(xì)介紹了JavaScript回調(diào)函數(shù)應(yīng)用,感興趣的朋友可以參考一下2016-05-05
基于JavaScript實(shí)現(xiàn)移動(dòng)端無限加載分頁
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)移動(dòng)端無限加載分頁,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
移動(dòng)端如何用下拉刷新的方式實(shí)現(xiàn)上拉加載
這篇文章主要介紹了移動(dòng)端如何用下拉刷新的方式實(shí)現(xiàn)上拉加載,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
JavaScript閉包的深度剖析與實(shí)際應(yīng)用小結(jié)
本文詳細(xì)探討了JavaScript閉包的概念、作用、原理及優(yōu)缺點(diǎn),閉包允許函數(shù)訪問其詞法作用域中的變量,即使外部函數(shù)已執(zhí)行,閉包有助于解決全局變量污染問題,提供私有變量和方法,但也會(huì)導(dǎo)致內(nèi)存占用和內(nèi)存泄露,通過示例,展示了閉包的實(shí)現(xiàn)和應(yīng)用場(chǎng)景,感興趣的朋友一起看看吧2025-01-01
利用momentJs做一個(gè)倒計(jì)時(shí)組件(實(shí)例代碼)
這篇文章主要介紹了利用momentJs做一個(gè)倒計(jì)時(shí)組件,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-12-12
跟我學(xué)Node.js(四)---Node.js的模塊載入方式與機(jī)制
Node.js中模塊可以通過文件路徑或名字獲取模塊的引用。模塊的引用會(huì)映射到一個(gè)js文件路徑,除非它是一個(gè)Node內(nèi)置模塊。Node的內(nèi)置模塊公開了一些常用的API給開發(fā)者,并且它們?cè)贜ode進(jìn)程開始的時(shí)候就預(yù)加載了。2014-06-06

