javascript定義函數(shù)的方法

2019-11-21 00:03:30

字體：大中小

供稿：網(wǎng)友

JavaScript 使用關(guān)鍵字 function 定義函數(shù)。

函數(shù)可以通過聲明定義，也可以是一個(gè)表達(dá)式。

函數(shù)聲明
在之前的教程中，你已經(jīng)了解了函數(shù)聲明的語法 :

function functionName(parameters) {執(zhí)行的代碼}

函數(shù)聲明后不會(huì)立即執(zhí)行，會(huì)在我們需要的時(shí)候調(diào)用到。
實(shí)例

function myFunction(a, b) {return a * b;}

函數(shù)表達(dá)式

JavaScript 函數(shù)可以通過一個(gè)表達(dá)式定義。
函數(shù)表達(dá)式可以存儲(chǔ)在變量中：

實(shí)例

var x = function (a, b) {return a * b};

在函數(shù)表達(dá)式存儲(chǔ)在變量后，變量也可作為一個(gè)函數(shù)使用：
實(shí)例

var x = function (a, b) {return a * b};var z = x(4, 3);

以上函數(shù)實(shí)際上是一個(gè) 匿名函數(shù) (函數(shù)沒有名稱)。
函數(shù)存儲(chǔ)在變量中，不需要函數(shù)名稱，通常通過變量名來調(diào)用。

Function() 構(gòu)造函數(shù)
在以上實(shí)例中，我們了解到函數(shù)通過關(guān)鍵字 function 定義。
函數(shù)同樣可以通過內(nèi)置的 JavaScript 函數(shù)構(gòu)造器（Function()）定義。

var myFunction = new Function("a", "b", "return a * b");var x = myFunction(4, 3);

實(shí)際上，你不必使用構(gòu)造函數(shù)。上面實(shí)例可以寫成：

var myFunction = function (a, b) {return a * b}var x = myFunction(4, 3);

函數(shù)提升（Hoisting）
在之前的教程中我們已經(jīng)了解了 "hoisting(提升)"。
提升（Hoisting）是 JavaScript 默認(rèn)將當(dāng)前作用域提升到前面去的的行為。
提升（Hoisting）應(yīng)用在變量的聲明與函數(shù)的聲明。
因此，函數(shù)可以在聲明之前調(diào)用：

myFunction(5);function myFunction(y) {  return y * y;}

使用表達(dá)式定義函數(shù)時(shí)無法提升。
自調(diào)用函數(shù)
函數(shù)表達(dá)式可以 "自調(diào)用"。
自調(diào)用表達(dá)式會(huì)自動(dòng)調(diào)用。
如果表達(dá)式后面緊跟 () ，則會(huì)自動(dòng)調(diào)用。
不能自調(diào)用聲明的函數(shù)。
通過添加括號，來說明它是一個(gè)函數(shù)表達(dá)式：

(function () {  var x = "Hello!!";   // 我將調(diào)用自己})();

當(dāng)然也可以如下寫：

!function(){}();+function(){}();-function(){}();~function(){}();~(function(){})();void function(){}();(function(){}());

最常用的還是第一種方法。

以上函數(shù)實(shí)際上是一個(gè) 匿名自我調(diào)用的函數(shù) (沒有函數(shù)名)。
函數(shù)可作為一個(gè)值使用
JavaScript 函數(shù)作為一個(gè)值使用：

function myFunction(a, b) {  return a * b;}var x = myFunction(4, 3);

JavaScript 函數(shù)可作為表達(dá)式使用：

function myFunction(a, b) {  return a * b;}var x = myFunction(4, 3) * 2;

函數(shù)是對象
在 JavaScript 中使用 typeof 操作符判斷函數(shù)類型將返回 "function" 。
但是JavaScript 函數(shù)描述為一個(gè)對象更加準(zhǔn)確。
JavaScript 函數(shù)有屬性和方法。
arguments.length 屬性返回函數(shù)調(diào)用過程接收到的參數(shù)個(gè)數(shù)：

function myFunction(a, b) {  return arguments.length;}

toString() 方法將函數(shù)作為一個(gè)字符串返回:

function myFunction(a, b) {  return a * b;}var txt = myFunction.toString();

函數(shù)定義作為對象的屬性，稱之為對象方法。
函數(shù)如果用于創(chuàng)建新的對象，稱之為對象的構(gòu)造函數(shù)。

以下是各種方法的示例代碼

<html> <head></head> <body> <script type="text/javascript"> /*javascript定義函數(shù)(聲明函數(shù))可以有三種方法：正常方法、構(gòu)造函數(shù)、函數(shù)直接量。*/ /*1.正常方法 function(param){}*/ function print(msg) { document.write(msg,"<br/>"); } /*如果函數(shù)不包含return 語句，只執(zhí)行函數(shù)體內(nèi)語句，并返回undefined*/ /*2.構(gòu)造函數(shù)方法：new Function()*/ var add1=new Function('a','b','return a+b'); /*3.函數(shù)直接量法，創(chuàng)建未命名函數(shù)，*/ var result = function(x,y){return x+y;}; /*也可以指定函數(shù)名*/ var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)}; document.write('調(diào)用一般的方法：'); print("<hr/>"); print('調(diào)用構(gòu)造函數(shù)方法：add1(5,6)'); print(add1(5,6)); print("<hr/>"); print("調(diào)用函數(shù)直接量法:result(3,4)"); var re =result(3,4); print(re); print("調(diào)用函數(shù)直接量法:result2(3)"); print(result2(3)); print("<hr/>"); print('函數(shù)作為數(shù)據(jù)使用'); /*函數(shù)可以作為數(shù)據(jù)使用*/ function add(x,y){return x+y;} function subtract(x,y){return x-y;} function multiply(x,y){return x*y;} function divide(x,y){return x/y;} function operate(operator,operand1,operand2) { return operator(operand1,operand2); } //計(jì)算(2+3) + (4*5) var i = operate(add,operate(add,2,3),operate(multiply,4,5)); print('(2+3) + (4*5)='+i); print("<hr/>"); //使用函數(shù)直接量 var operators = new Object(); operators['add'] = function(x,y){return x+y;} operators['substract'] = function(x,y){return x-y;} operators['multiply'] = function(x,y){return x*y;} operators['divide'] = function(x,y){return x/y;} operators['pow'] = Math.pow; function operate2(op_name,operand1,operand2) { if(operators[op_name] == null) return "unknown operator"; else return operators[op_name](operand1,operand2); } //定義"hello" + "" + "world" var j = operate2("add","hello",operate2("add"," ","world")); var k = operate2("pow",10,2); print(j); print(k); print("<hr/>"); </script> </body> </html>

運(yùn)行結(jié)果為：
調(diào)用一般的方法：
--------------------------------------------------------------------------------
調(diào)用構(gòu)造函數(shù)方法：add1(5,6)
11
--------------------------------------------------------------------------------
調(diào)用函數(shù)直接量法:result(3,4)
7
調(diào)用函數(shù)直接量法:result2(3)
6
--------------------------------------------------------------------------------
函數(shù)作為數(shù)據(jù)使用
(2+3) + (4*5)=25
--------------------------------------------------------------------------------
hello world
100