總結(jié)js函數(shù)相關(guān)知識(shí)點(diǎn)
要知道,在js中,引用類型是一種數(shù)據(jù)結(jié)構(gòu),包含5種引用類型,分別是Object,data,Array,re請(qǐng)輸入代碼gExp,Function。今天我們就說(shuō)Function這種數(shù)據(jù)結(jié)構(gòu)。
在js種函數(shù)實(shí)際上是對(duì)象,每個(gè)函數(shù)都是Function類型的實(shí)例。和其他引用類型一樣,都具有屬性和方法。
1. 函數(shù)定義有幾種方法
1)函數(shù)聲明語(yǔ)法定義
function sum(num1,num2){ return num1+num2; }
2)函數(shù)表達(dá)式
注意函數(shù)表達(dá)式后邊有一個(gè)分號(hào);
var sum=function(num1,num2){ return num1+num2; }
使用Function 構(gòu)造函數(shù)
使用構(gòu)造函數(shù)可以接收任意數(shù)量的參數(shù),但最后一個(gè)參數(shù)始終被看成是函數(shù)體,而前面的參數(shù)則枚舉出了參數(shù)
var sum=new Function("num1","num2","return num1+num2")
當(dāng)然第三種方法不友好,也不推薦。
函數(shù)名僅僅是指向函數(shù)的指針,所以函數(shù)名與包含對(duì)象指針的其他變量沒(méi)有什么不同。也就是說(shuō)一個(gè)函數(shù)可能會(huì)有多個(gè)名字。
在這里函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別呢?
解析器在向執(zhí)行環(huán)境中加載數(shù)據(jù)的時(shí)候,對(duì)函數(shù)聲明和函數(shù)表達(dá)式是不一樣的。解析器首先會(huì)讀取函數(shù)聲明,并且使得這段函數(shù)聲明代碼在任何代碼之前都可調(diào)用。這就是我們平時(shí)所說(shuō)的函數(shù)聲明提升。函數(shù)表達(dá)式不一樣,他必須等到函數(shù)解析器執(zhí)行到他所在的代碼塊的時(shí)候,才會(huì)被真正的執(zhí)行。比較下面2個(gè)例子
console.log(sum(10,10)); function sum(n1,n2){ return n1+n2; } 以上代碼會(huì)正常執(zhí)行 再看! console.log(sum(10,10)); var sum=function(n1,n2){ return n1+n2; } 以上執(zhí)行器就會(huì)報(bào)錯(cuò)!
2.函數(shù)沒(méi)有重載
如果聲明了2個(gè)同名函數(shù),結(jié)果是后面的函數(shù)覆蓋了前面的函數(shù)。
function sun(a){ return a+100; } function sun(a){ return a+200; } var result=sum(2)//202
3.函數(shù)的內(nèi)部屬性
包括this,arguments
具體不再敘述了
4.函數(shù)的屬性和方法
函數(shù)有2個(gè)屬性,length和prototype
length表示函數(shù)希望接收命名參數(shù)的個(gè)數(shù)。
function a(name){ //todo } function b(name,age){ //todo } function c(){ //todo } a.length //1 b.length //2 c.length //0
prototype屬性對(duì)于引用類型來(lái)說(shuō)很重要,會(huì)有專門講解,此處不再這贅述。
每個(gè)函數(shù)都包含2個(gè)非繼承的方法 apply,call
這兩個(gè)方法的用途都是在特定的作用域中調(diào)用函數(shù),其實(shí)就是設(shè)置函數(shù)體內(nèi)的this指代的值。
首先。apply()方法接收2個(gè)參數(shù),一個(gè)是函數(shù)運(yùn)行的作用域,另一個(gè)是參數(shù)數(shù)組,第二個(gè)參數(shù)可以是數(shù)組的實(shí)例,也可以是arguments.
function sum(num1,num2){ return num1+num2; } function test1(a,b){ return sum.apply(this,arguments); } function test2(c,d){ return sum.apply(this.[c,d]); } console.log(test1(1,1)) //2 console.log(test2(1,1)) //2
call方法和apply方法沒(méi)有多大的區(qū)別。區(qū)別就是call方法的第二個(gè)參數(shù)必須得傳遞的參數(shù)一個(gè)個(gè)列舉出來(lái)。
使用call和apply來(lái)擴(kuò)充作用域最大的好處就是對(duì)象不和任何方法耦合
相關(guān)文章
JavaScript中的toLocaleLowerCase()方法使用詳解
這篇文章主要介紹了JavaScript中的toLocaleLowerCase()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript創(chuàng)建對(duì)象的幾種模式介紹
下面小編就為大家?guī)?lái)一篇javascript創(chuàng)建對(duì)象的幾種模式介紹。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05onmouseover和onmouseout的一些問(wèn)題思考
這兩個(gè)事件的觸發(fā)表現(xiàn)真的就是你想要的嗎?在IE下確實(shí)有你需要的兩個(gè)這樣事件:onmouseenter 和 onmouseleave。但很不幸FF等其他瀏覽器并不支持2013-08-08JS多線程API?webworker應(yīng)用場(chǎng)景有哪些
這篇文章主要介紹了JS多線程API?webworker應(yīng)用場(chǎng)景有哪些,加密數(shù)據(jù),預(yù)取數(shù)據(jù),預(yù)渲染,復(fù)雜數(shù)據(jù)處理場(chǎng)景,預(yù)加載圖片需要的朋友可以參考下2023-02-02基于KMP算法JavaScript的實(shí)現(xiàn)方法分析
本篇文章介紹了,基于KMP算法JavaScript的實(shí)現(xiàn)方法分析。需要的朋友參考下2013-05-05javascript?DOM?querySelectorAll()?使用方法
querySelectorAll()?方法返回文檔中匹配指定?CSS?選擇器的所有元素,返回?NodeList?對(duì)象,一般用來(lái)獲取指定id火class下的所有節(jié)點(diǎn)2023-06-06