欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript函數(shù)的定義和基本使用方法

 更新時(shí)間:2022年06月26日 16:28:33   作者:starry陸離  
函數(shù)就是一種封裝,由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊,下面這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)的定義和基本使用方法的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

1.用函數(shù)語句定義

先給一個(gè)例子,該函數(shù)的功能是返回?cái)?shù)組元素的和;

function sumArray(arr) {  
    var sum = 0;  
    for(var i = 0,aLength = arr.length;i < aLength;i++) {  
        sum += arr[i];  
    }  
    return sum;  
}  

關(guān)鍵字function后面空一格,sumArray是函數(shù)的名字,其命名規(guī)范與變量名的命名規(guī)范相同:只能有字母、數(shù)字、下劃線和美元符號(hào),不能以數(shù)字開頭,不能是關(guān)鍵字。

括號(hào)中是參數(shù),又叫形式參數(shù),只需要參數(shù)名就可以。參數(shù)可以是0個(gè)、1個(gè)或者多個(gè),相互之間用,隔開,{}中間包含的是函數(shù)體。含有一條或者多條語句。函數(shù)體用來實(shí)現(xiàn)函數(shù)的功能。

關(guān)鍵字return后面是函數(shù)的返回值,函數(shù)也可以沒有返回值。函數(shù)運(yùn)行完return這句話這里就會(huì)退出運(yùn)行,return下面的語句不再運(yùn)行。返回值即函數(shù)的輸出。

用這種方式定義的函數(shù),在函數(shù)定義的前面和后面都可以調(diào)用該函數(shù),只要函數(shù)和調(diào)用函數(shù)的語句在一個(gè)源文件里面就可以了。

2.用表達(dá)式定義

用表達(dá)式的方式定義函數(shù),就是用賦值表達(dá)式把函數(shù)賦值給一個(gè)變量,這其實(shí)就是把函數(shù)看成一個(gè)變量。這個(gè)時(shí)候函數(shù)可以有名字,也可以沒有名字,沒有名字的函數(shù)叫做匿名函數(shù)。

帶名字的;

var funct = function getMax(a,b) {  
    return a>b?a:b;  
};//注意這后面的分號(hào)不能少,因?yàn)槲覀兌x的是一個(gè)變量!   

和用函數(shù)語句定義不同的是,只能在函數(shù)定義語句之后調(diào)用該函數(shù),且調(diào)用的時(shí)候只能用變量名funct,不能用函數(shù)名getMax,如:

var funct = function getMax(a,b) {  
    return a>b?a:b;  
};  
console.log(funct(1,2));//輸出2  

匿名函數(shù);

所謂匿名函數(shù)就是關(guān)鍵字function之后直接是參數(shù)列表:

var funct = function(a,b) {  
    return a>b?a:b;  
};  

這個(gè)函數(shù)沒有名字,它被賦值給了變量funct,所以叫匿名函數(shù)。同樣,也只能在這一語句之后調(diào)用該函數(shù)。

var funct = function(a,b) {  
    return a>b?a:b;  
};  
console.log(funct(1,2));//輸出2  

總結(jié):用表達(dá)式定義函數(shù)是即拿即用的,定義了就只能在這一語句之后調(diào)用該函數(shù)

3.函數(shù)的調(diào)用

在實(shí)訓(xùn)四中,我們曾經(jīng)介紹過對象可以有自己的方法,當(dāng)然這也是函數(shù)。這種函數(shù)的調(diào)用和前面兩關(guān)定義的函數(shù)有細(xì)小的區(qū)別。

//函數(shù)的定義:求三個(gè)數(shù)的最大值  
function max(a,b,c) {  
    if(a > b) {  
        if(a > c)  
            return a;  
        else   
            return c;  
    }  
    else {  
        if(b > c)  
            return b;  
        else   
            return c;  
    }  
}  
//調(diào)用該函數(shù)  
var result = max(1,2,3);//result為3  
console.log(result);//輸出3  

調(diào)用函數(shù)的時(shí)候,需要傳入和形參相同個(gè)數(shù)的的具體值,上面的函數(shù)有3個(gè)參數(shù),所以下面調(diào)用的時(shí)候傳入3個(gè)具體的值,1傳給參數(shù)a,2傳給參數(shù)b,3傳給參數(shù)c。函數(shù)的返回值通過賦值符號(hào)=傳給了變量result。如果函數(shù)體內(nèi)沒有return關(guān)鍵字,將返回undefined。

對象里定義的函數(shù)的調(diào)用:

var ob = {  
    id:1,  
    getMax:function(a,b) {  
        return a>b?a:b;  
    }  
};  
var result = ob.getMax(2,1);//result值為2  
var result1 = ob["getMax"](2,1);//result1的值也是2  

與上面的區(qū)別是,這里要定位到函數(shù),需要使用對象名.函數(shù)名或者對象名["函數(shù)名"],其它相同。

4.未定義的實(shí)參

在大部分的編程語言里面,都會(huì)對調(diào)用函數(shù)時(shí)傳入的實(shí)參個(gè)數(shù)和類型進(jìn)行檢查,而JavaScript既不檢查實(shí)參的類型,也不檢查實(shí)參的個(gè)數(shù)。
JavaScript中的實(shí)參會(huì)按照順序從左到右依次匹配上形參,例如:

function myFunction(a,b,c) {  
    console.log(a);  
    console.log(b);  
    console.log(c);  
}  
myFunction(1,2,3);  

實(shí)參1傳入形參a,實(shí)參2傳入形參b,實(shí)參3傳入形參c。 當(dāng)實(shí)參個(gè)數(shù)少于形參時(shí),靠右的形參會(huì)被傳入值undefined。如:

function myFunction(a,b,c) {  
    console.log(a);  
    console.log(b);  
    console.log(c);  
}  
myFunction(1,2);  

實(shí)參1傳入形參a,實(shí)參2傳入形參b,undefined傳入形參c。 如果只想給右側(cè)的參數(shù)傳入數(shù)據(jù),可以給前幾個(gè)實(shí)參傳入undefined。如:

function myFunction(a,b,c){  
console.log(a);  
console.log(b);  
console.log(c);  
}  
myFunction(undefined,1,2);  

上面這兩種做法不夠嚴(yán)謹(jǐn),最佳實(shí)踐是給可能被傳入undefined值的形參設(shè)定一個(gè)默認(rèn)值。如:

function getSum(a,b,c) {  
    if(c === undefined)   
        c = 0;  
    console.log(a+b+c);  
}  
myFunction(1,2);  

5.實(shí)參對象

JavaScript一切都是對象,實(shí)參也是一個(gè)對象,有一個(gè)專門的名字arguments,這個(gè)對象可以看成一個(gè)數(shù)組(類數(shù)組,不是真的數(shù)組),實(shí)參從左到右分別是arguments[0]、arguments[1]...,arguments.length表示實(shí)參的個(gè)數(shù)。

//求參數(shù)的和  
function getSum() {  
    var aLength = arguments.length;  
    var sum = 0;  
    for(var i = 0;i < aLength;i++) {  
        sum += arguments[i];  
    }  
    return sum;  
}  
console.log(getSum(1,2,3,4,5))//輸出15  

這里的形參直接省略,使用arguments[i]表示。

6.對象作為參數(shù)

復(fù)雜的函數(shù)通常多達(dá)十幾個(gè)參數(shù),盡管JavaScript不做參數(shù)個(gè)數(shù)和類型的檢查,但是調(diào)用時(shí)實(shí)參的順序不能亂。開發(fā)人員需要檢查每一個(gè)實(shí)參和形參的對應(yīng)關(guān)系,這樣效率很低。一種很好的解決方案是使用對象作為參數(shù),函數(shù)會(huì)根據(jù)對象的屬性名操作參數(shù)。

function myFunction(obj) {  
    console.log(obj.name);  
    obj.number++;  
    return obj.number;  
}  
myObj = {name:"myObj",number:34};  
myFunction(myObj);//輸出myObj  
console.log(myObj.number);//輸出35  

7.函數(shù)對象作為另一個(gè)函數(shù)的參數(shù)

一個(gè)函數(shù)(為方便行文,稱為a函數(shù))可以作為另外一個(gè)函數(shù)(稱為b函數(shù))的參數(shù),b函數(shù)最終可以返回一個(gè)具體的值。

從原理上來說,b函數(shù)在自己的函數(shù)體內(nèi)調(diào)用了a函數(shù),所以需要把a(bǔ)函數(shù)的名字作為實(shí)際參數(shù)傳遞給b函數(shù)。如下:

//求最大值  
function getMax(a,b) {  
    return a>b?a:b;  
}  
//求最小值  
function getMin(a,b) {  
    return a<b?a:b;  
}  
//下面這個(gè)函數(shù)以函數(shù)作為參數(shù),并最終返回一個(gè)值  
function getM(func,num1,num2) {  
    return func(num1,num2);  
}  
getM(getMax,1,2);//返回2  
getM(getMin,1,2);//返回1  

我們把a(bǔ)函數(shù)的名字(getMax或者getMin)傳給b函數(shù)(getM()),然后在b函數(shù)內(nèi)部調(diào)用傳入的a函數(shù),得到相關(guān)的結(jié)果。

總結(jié)

到此這篇關(guān)于JavaScript函數(shù)的定義和基本使用方法的文章就介紹到這了,更多相關(guān)JS函數(shù)定義和使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript中獲取當(dāng)前時(shí)間yyyymmddhhmmss的六種實(shí)現(xiàn)方式

    JavaScript中獲取當(dāng)前時(shí)間yyyymmddhhmmss的六種實(shí)現(xiàn)方式

    js中提供了一個(gè)Date對象供我們獲取當(dāng)前時(shí)間,下面這篇文章主要給大家介紹了關(guān)于JavaScript中獲取當(dāng)前時(shí)間yyyymmddhhmmss的六種實(shí)現(xiàn)方式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-12-12
  • HTML5 canvas 9繪制圖片實(shí)例詳解

    HTML5 canvas 9繪制圖片實(shí)例詳解

    HTML5 canvas 9繪制圖片
    2016-09-09
  • jQuery與js實(shí)現(xiàn)顏色漸變的方法

    jQuery與js實(shí)現(xiàn)顏色漸變的方法

    這篇文章主要介紹了jQuery與js實(shí)現(xiàn)顏色漸變的方法,涉及javascript與jQuery的正則操作與數(shù)學(xué)運(yùn)算相關(guān)技巧,需要的朋友可以參考下
    2016-12-12
  • JS獲取對象屬性API匯總枚舉symbol

    JS獲取對象屬性API匯總枚舉symbol

    這篇文章主要為大家介紹了JS獲取對象屬性API匯總可枚舉性不可枚舉性及symbol介紹,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • JavaScript中0、空字符串、''0''是true還是false的知識(shí)點(diǎn)分享

    JavaScript中0、空字符串、''0''是true還是false的知識(shí)點(diǎn)分享

    在本篇文章里小編給大家整理的是JavaScript中0、空字符串、'0'是true還是false的知識(shí)點(diǎn)分享,有需要的朋友們參考下。
    2019-09-09
  • JavaScript樹結(jié)構(gòu)深度優(yōu)先算法

    JavaScript樹結(jié)構(gòu)深度優(yōu)先算法

    這篇文章主要介紹了JavaScript樹結(jié)構(gòu)深度優(yōu)先算法,樹結(jié)構(gòu)可以說是前端中最常見的數(shù)據(jù)結(jié)構(gòu)之一,比如說DOM樹、級(jí)聯(lián)選擇、樹形組件,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下
    2022-07-07
  • JavaScript 精粹讀書筆記(1,2)

    JavaScript 精粹讀書筆記(1,2)

    JavaScript的特性中有一部分特性帶來的麻煩遠(yuǎn)遠(yuǎn)超出它們的價(jià)值。
    2010-02-02
  • 最新評論