JavaScript函數

編程語言 JavaScript 技術 末未 2017-04-20

JavaScript中的功能

JavaScript函數

函數是一組代碼,它是獨立的,並由名稱或變量引用。一個函數可以重用,因此它們有助於減少代碼。功能參考類型。在函數內部聲明的變量是局部變量。因此,它們只能在相同的功能中使用,而不能在外部功能上使用。

JavaScript函數是一流的對象。他們可以存儲值,可以更改,分配給變量,存儲在數組和對象中,可以在另一個函數內部具有函數。typeof運算符可以檢測函數的數據類型。

功能可以輕鬆重複使用。要調用一個函數,我們可以使用諸如點擊,懸停,提交,焦點,mousemove等事件,或者只是通過函數名稱後跟括號來調用。如果函數名稱為myFunction,則使用myFunction()調用或調用函數。

JavaScript中的函數類型

  • 功能聲明

  • 函數表達式

  • 立即調用功能

  • 遞歸函數

<script>

函數聲明

函數聲明是在javascript中聲明函數的最常用的方法。甲函數關鍵字開始並隨後函數名,然後括號(),然後編寫的代碼大括號內{}。這是一個例子。

如何在javascript中聲明函數

function function_name(){

}

要調用或調用函數,請使用function_name()。在聲明之後或之後,我們可以調用聲明的函數。它們也被稱為命名函數。

函數聲明示例

sayHello() // will work

function sayhello(){

alert("Hello there")

}

sayHello() // will work

document.querySelector("button").addEventListener("click",sayHello);


函數表達式

另一種創建功能的方法是函數表達式。在函數表達式中,聲明一個變量,然後分配一個匿名函數,因為它沒有名稱。它們不是命名函數,因為它們存儲在變量中。

函數表達式僅在函數後被調用。如果我們之前調用一個函數表達式,則會發生錯誤(沒有定義function_name)。

good_bye() // will not work

var good_bye=function(){

alert("Good Bye")

};

good_bye() // will work

//call using event listener

document.querySelector("button").addEventListener("click",good_bye());


調用按鈕上的功能。

要點擊按鈕來調用功能,請使用下面的示例。在第一個示例中,在按鈕單擊上創建一個功能。在第二個例子中,一個已經建立的函數(myFunction)被調用按鈕點擊。由於函數在另一個函數(addEventListener)中使用,因此不需要使用括號。

document.querySelector("button").addEventListener("click",function(){

//action});

ordocument.querySelector("button").addEventListener("click", myFunction;function myFunction(){

//action};

注意

首先創建表達式函數,然後調用它。如果我們以前調用了一個表達式函數,就會發生錯誤。函數表達式後還需要分號。


參數和參數

一個函數可以有參數。一個函數的默認參數是undefined。當聲明時,它們被稱為參數,但是當函數被調用時,它們是 參數。

參數和參數之間的差異

function mean(x,y,z){

var sum =x+y+z; // x, y and z are parameters

var a=sum/3;

return a;

}

var i=mean(1,2,9); // 1,2,9 are arguments, value of i is 4

var j=mean(2,3,4); // 2,3,4 are arguments, value of j is 3

typeof mean; // function

typeof mean(); // number


立即調用功能

立即調用函數或自調用函數是匿名函數調用自身函數。

(function(){

// statement inside

}());


瞭解更多javascript技術 請關注微信公眾號: 芒果web 或者微信搜索微信(javascriptes6)

相關推薦

推薦中...