JavaScript Function函數(shù)類(lèi)型介紹
// 在JS中,Function(函數(shù))類(lèi)型實(shí)際上是對(duì)象;每個(gè)函數(shù)都是Function類(lèi)型的實(shí)例;而且都與其他引用類(lèi)型一樣具有屬性和方法;
// 由于函數(shù)是對(duì)象,因此函數(shù)名實(shí)際上也是一個(gè)指向函數(shù)對(duì)象的指針;
一 函數(shù)的聲明方式
1.函數(shù)聲明方式 function box(num1,num2){ return num1+num2; } 2.函數(shù)表達(dá)式定義函數(shù) var box = function(num1,num2){ // 通過(guò)變量box即可引用函數(shù); return num1+num2; }; // 注意函數(shù)末尾有一個(gè)分號(hào),就像聲明其他變量時(shí)一樣; var another = box; // 使用不帶圓括號(hào)的函數(shù)名是訪問(wèn)函數(shù)指針;而非調(diào)用函數(shù); console.log(another(10,10)); 3.使用Function構(gòu)造函數(shù) var box = new Function('num1','num2','return num1+num2'); // 第三種方式不推薦,這種語(yǔ)法會(huì)導(dǎo)致解析兩次代碼(第一次解析常規(guī)JS代碼,第二次解析傳入構(gòu)造函數(shù)中的字符串),從而影響性能; // 可以通過(guò)這種語(yǔ)法來(lái)理解"函數(shù)是對(duì)象,函數(shù)名是指針"的概念;
二 作為值的函數(shù)
// JS中的函數(shù)名本身就是變量,所以函數(shù)也可以作為值來(lái)使用; // 也就是說(shuō),不僅可以像傳參數(shù)一樣把一個(gè)函數(shù)傳遞給另一個(gè)函數(shù),而且可以將一個(gè)函數(shù)作為另一個(gè)函數(shù)的結(jié)果返回; function box(sumFunction,num){ // 無(wú)論第一個(gè)參數(shù)傳遞進(jìn)來(lái)的是什么函數(shù), return sumFunction(num); // 它都會(huì)返回執(zhí)行第一參數(shù)后的結(jié)果; } function sum(num){ return num+10; } // 傳遞函數(shù)到另一個(gè)函數(shù)里; // 要訪問(wèn)函數(shù)的指針不執(zhí)行函數(shù)的話,須去掉函數(shù)名后的圓括號(hào); var result = box(sum,10); // =>20;
三 函數(shù)內(nèi)部屬性
// 函數(shù)內(nèi)部有兩個(gè)特殊的對(duì)象:arguments和this; // 1.arguments:是一個(gè)類(lèi)數(shù)組對(duì)象,包含著傳入函數(shù)中的所有參數(shù),主要用途是保存函數(shù)參數(shù); // arguments這個(gè)對(duì)象還有一個(gè)名叫callee的屬性,該屬性是一個(gè)指針,指向擁有這個(gè)arguments對(duì)象的函數(shù); function box(num){ if(num<=1){ return 1; }else{ return num*arguments.callee(num-1); // 使用arguments.callee來(lái)執(zhí)行box本身; } } // 2.this:引用的是函數(shù)據(jù)以操作的對(duì)象,或者說(shuō)函數(shù)調(diào)用語(yǔ)句所處的作用域; // 當(dāng)在全局作用域調(diào)用函數(shù)時(shí),this對(duì)象引用的就是window; window.color = "red"; alert(this.color); // 打印全局的color;=>red; var box = { color:'blue', sayColor:function(){ alert(this.color); // 打印局部的color;=>blue; } };
四 函數(shù)屬性和方法
// JS中的函數(shù)是對(duì)象,因此函數(shù)也有屬性和方法;包含length和prototype; // length屬性:表示函數(shù)希望接收到命名參數(shù)的個(gè)數(shù); function box(name,age){ alert(name+age); } alert(box.length); // 2s // prototype屬性:它是保存所有實(shí)例方法的真正所在,也就是原型; // prototype包含兩個(gè)方法:apply()和call(),每個(gè)函數(shù)都包含這兩個(gè)非繼承而來(lái)的方法; // 這兩個(gè)方法的用途都在特定的作用域中調(diào)用函數(shù),實(shí)際上等于設(shè)置函數(shù)體內(nèi)this對(duì)象的值; var color = 'red'; var box = { color = 'blue'; } function sayColor({ alert(this.color); }); sayColor(); // 作用域在window; sayColor.call(this); // 作用域在window; sayColor.call(window); // 作用域在window; sayColor.call(box); // 作用域在box,對(duì)象冒充;=>red; // 使用call(box)方法的時(shí)候,sayColor()方法的運(yùn)行環(huán)境已經(jīng)變成了box對(duì)象里了; // 使用call()或apply()來(lái)擴(kuò)充作用域的最大好處,就是對(duì)象不需要與方法發(fā)生任何耦合關(guān)系; // 耦合:相互關(guān)聯(lián)的意思,擴(kuò)展和維護(hù)會(huì)發(fā)生連鎖反應(yīng); // 也就是說(shuō),box對(duì)象和sayColor()方法之間不會(huì)有多余的關(guān)聯(lián)操作,比如:box.sayColor = sayColor; function Animal(){ this.name = "Animal"; this.showName = function(){ alert(this.name); } } function Cat(){ this.name = "Cat"; } var animal = new Animal(); var cat = new Cat(); //通過(guò)call或apply方法,將原本屬于Animal對(duì)象的showName()方法交給對(duì)象cat來(lái)使用。 //輸入結(jié)果為"Cat" animal.showName.call(cat,","); //animal.showName.apply(cat,[]);
五 小結(jié)
1 // 函數(shù)實(shí)際上是Function類(lèi)型的實(shí)例,因此函數(shù)也是對(duì)象;而這一點(diǎn)正式JavaScript最有特色的地方;
2 // 由于函數(shù)對(duì)象,所以函數(shù)也擁有方法,可以用來(lái)增強(qiáng)其行為;
- 詳解JavaScript中常用的函數(shù)類(lèi)型
- Javascript 判斷函數(shù)類(lèi)型完美解決方案
- js中判斷Object、Array、Function等引用類(lèi)型對(duì)象是否相等
- js Function類(lèi)型
- javascript中Function類(lèi)型詳解
- 深入淺析JavaScript中的Function類(lèi)型
- JavaScript基礎(chǔ)篇(3)之Object、Function等引用類(lèi)型
- 詳解JavaScript基礎(chǔ)知識(shí)(JSON、Function對(duì)象、原型、引用類(lèi)型)
- JavaScript引用類(lèi)型Function實(shí)例詳解
- javascript function(函數(shù)類(lèi)型)使用與注意事項(xiàng)小結(jié)
相關(guān)文章
兼容IE和Firefox火狐的上下、左右循環(huán)無(wú)間斷滾動(dòng)JS代碼
html里的marqueen也能實(shí)現(xiàn)內(nèi)容的滾動(dòng),但滾動(dòng)是間斷的,運(yùn)用JavaScript可以使這一問(wèn)題得到改觀,實(shí)現(xiàn)無(wú)間斷的滾動(dòng),讓頁(yè)面看起來(lái)更美觀2013-04-04瀏覽器圖片選擇預(yù)覽、旋轉(zhuǎn)、批量上傳的JS代碼實(shí)現(xiàn)
這篇文章主要介紹了瀏覽器圖片選擇預(yù)覽、旋轉(zhuǎn)、批量上傳的JS代碼實(shí)現(xiàn),有需要的朋友可以參考一下2013-12-12JS動(dòng)態(tài)加載當(dāng)前時(shí)間的方法
這篇文章主要介紹了JS動(dòng)態(tài)加載當(dāng)前時(shí)間的方法,涉及html的onload方法及javascript操作時(shí)間的技巧,需要的朋友可以參考下2015-02-02JavaScript實(shí)現(xiàn)鼠標(biāo)滾輪控制頁(yè)面圖片切換功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)滾輪控制頁(yè)面圖片切換功能,涉及javascript事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-10-10extjs簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了extjs簡(jiǎn)介,ExtJS為開(kāi)發(fā)者在開(kāi)發(fā)富客戶(hù)的B/S應(yīng)用中提供豐富的UI組件,具有統(tǒng)一的主題,便于快速開(kāi)發(fā),提高效率2017-07-07JavaScript比較兩個(gè)對(duì)象是否相等的方法
這篇文章主要介紹了JavaScript比較兩個(gè)對(duì)象是否相等的方法,通過(guò)對(duì)js對(duì)象進(jìn)行各方面的比較來(lái)判斷兩個(gè)對(duì)象是否相等,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02原生JS實(shí)現(xiàn)輪播效果+學(xué)前端的感受(防止走火入魔)
下面小編就為大家?guī)?lái)一篇原生JS實(shí)現(xiàn)輪播效果+學(xué)前端的感受(防止走火入魔)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08JavaScript 判斷數(shù)據(jù)類(lèi)型的4種方法
這篇文章主要介紹了JavaScript 判斷數(shù)據(jù)類(lèi)型的4種方法,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-09-09JavaScript時(shí)間對(duì)象Date內(nèi)置構(gòu)造函數(shù)操作實(shí)例
這篇文章主要為大家介紹了JavaScript時(shí)間對(duì)象Date內(nèi)置構(gòu)造函數(shù)操作實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05