javascript定義函數(shù)的方法
JavaScript 使用關(guān)鍵字 function 定義函數(shù)。
函數(shù)可以通過(guò)聲明定義,也可以是一個(gè)表達(dá)式。
函數(shù)聲明
在之前的教程中,你已經(jīng)了解了函數(shù)聲明的語(yǔ)法 :
function functionName(parameters) { 執(zhí)行的代碼 }
函數(shù)聲明后不會(huì)立即執(zhí)行,會(huì)在我們需要的時(shí)候調(diào)用到。
實(shí)例
function myFunction(a, b) { return a * b; }
函數(shù)表達(dá)式
JavaScript 函數(shù)可以通過(guò)一個(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ù)沒(méi)有名稱)。
函數(shù)存儲(chǔ)在變量中,不需要函數(shù)名稱,通常通過(guò)變量名來(lái)調(diào)用。
Function() 構(gòu)造函數(shù)
在以上實(shí)例中,我們了解到函數(shù)通過(guò)關(guān)鍵字 function 定義。
函數(shù)同樣可以通過(guò)內(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í)例可以寫(xiě)成:
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í)無(wú)法提升。
自調(diào)用函數(shù)
函數(shù)表達(dá)式可以 "自調(diào)用"。
自調(diào)用表達(dá)式會(huì)自動(dòng)調(diào)用。
如果表達(dá)式后面緊跟 () ,則會(huì)自動(dòng)調(diào)用。
不能自調(diào)用聲明的函數(shù)。
通過(guò)添加括號(hào),來(lái)說(shuō)明它是一個(gè)函數(shù)表達(dá)式:
(function () { var x = "Hello!!"; // 我將調(diào)用自己 })();
當(dāng)然也可以如下寫(xiě):
!function(){}(); +function(){}(); -function(){}(); ~function(){}(); ~(function(){})(); void function(){}(); (function(){}());
最常用的還是第一種方法。
以上函數(shù)實(shí)際上是一個(gè) 匿名自我調(diào)用的函數(shù) (沒(méi)有函數(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ù)是對(duì)象
在 JavaScript 中使用 typeof 操作符判斷函數(shù)類型將返回 "function" 。
但是JavaScript 函數(shù)描述為一個(gè)對(duì)象更加準(zhǔn)確。
JavaScript 函數(shù)有 屬性 和 方法。
arguments.length 屬性返回函數(shù)調(diào)用過(guò)程接收到的參數(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ù)定義作為對(duì)象的屬性,稱之為對(duì)象方法。
函數(shù)如果用于創(chuàng)建新的對(duì)象,稱之為對(duì)象的構(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 語(yǔ)句,只執(zhí)行函數(shù)體內(nèi)語(yǔ)句,并返回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
- js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法
- JavaScript函數(shù)的4種調(diào)用方法詳解
- js 把字符串當(dāng)函數(shù)執(zhí)行的方法
- 顯示js對(duì)象所有屬性和方法的函數(shù)
- Javascript 判斷是否存在函數(shù)的方法
- js中匿名函數(shù)的創(chuàng)建與調(diào)用方法分析
- js function定義函數(shù)的幾種不錯(cuò)方法
- Javascript中eval函數(shù)的使用方法與示例
- JS簡(jiǎn)單判斷函數(shù)是否存在的方法
- JavaScript基礎(chǔ)系列之函數(shù)和方法詳解
相關(guān)文章
js實(shí)現(xiàn)簡(jiǎn)單點(diǎn)贊操作
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單點(diǎn)贊操作,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03JavaScript簡(jiǎn)單表格編輯功能實(shí)現(xiàn)方法
這篇文章主要介紹了JavaScript簡(jiǎn)單表格編輯功能實(shí)現(xiàn)方法,涉及javascript操作表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04webpack4升級(jí)到webpack5的實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)
有些老項(xiàng)目的包長(zhǎng)時(shí)間沒(méi)有更新,導(dǎo)致項(xiàng)目中有些性能問(wèn)題,在項(xiàng)目迭代中考慮升級(jí)包,下面這篇文章主要給大家介紹了關(guān)于webpack4升級(jí)到webpack5的實(shí)戰(zhàn)經(jīng)驗(yàn),需要的朋友可以參考下2022-08-08ie中js創(chuàng)建checkbox默認(rèn)選中問(wèn)題探討
js創(chuàng)建checkbox默認(rèn)選中在某些特殊情況下還是比較實(shí)用的,下面有個(gè)不錯(cuò)的示例,大家可以參考下2013-10-10javascript使用遞歸算法求兩個(gè)數(shù)字組合功能示例
這篇文章主要介紹了javascript使用遞歸算法求兩個(gè)數(shù)字組合功能,結(jié)合實(shí)例形式分析了JS基于遞歸算法的數(shù)組遍歷、判斷、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下2017-01-01JavaScript中數(shù)組添加值和訪問(wèn)值常見(jiàn)問(wèn)題
這篇文章主要介紹了JavaScript中數(shù)組添加值和訪問(wèn)值常見(jiàn)問(wèn)題的相關(guān)資料2016-02-02JavaScript設(shè)計(jì)模式之建造者模式實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之建造者模式,結(jié)合實(shí)例形式分析了設(shè)計(jì)模式中建造者模式的概念、功能及JavaScript實(shí)現(xiàn)與使用建造者模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07JavaScript如何調(diào)用C++模塊中的函數(shù)
這篇文章主要給大家介紹了關(guān)于JavaScript如何調(diào)用C++模塊中函數(shù)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01