詳細(xì)分析JavaScript函數(shù)定義
函數(shù)
幾個(gè)要點(diǎn)：
a).函數(shù)是javascript中的一等公民 (重要性)
b).函數(shù)是一個(gè)對(duì)象
c).函數(shù)定義了一個(gè)獨(dú)立的變量作用域
定義方式
a)命名函數(shù):
除非在另一個(gè)函數(shù)內(nèi)部定義，否則，命名函數(shù)是全局的。
// 全局的命名函數(shù)
function add(x, y) {
return x + y;
}
console.info(add(100, 200)); //300
b)匿名函數(shù):
匿名函數(shù)通常賦值給一個(gè)變量，再通過(guò)變量調(diào)用。
var func = function (x, y) {
return x + y;
}
console.info(func(5, 2)); //7
匿名函數(shù)適用于以下這種 “立即執(zhí)行的匿名函數(shù)” 的情況:
console.info(
function (x, y) {
return x + y;
}(100, 200) //立即調(diào)用
);
C)定義方式影響代碼執(zhí)行效果
命名函數(shù)可以先使用，再定義
console.info(sum(10, 10));
function sum(num1, num2) {
return num1 + num2;
}
匿名函數(shù)必須先定義，再使用
//console.info(sumFunc(10, 10)); //Uncaught TypeError: Property 'sumFunc' of object [object Object] is not a function
var sumFunc = function (num1, num2) {
return num1 + num2;
};
console.info(sumFunc(10, 10));
函數(shù)返回值:
用return 生成返回值.如沒(méi)有return ，則函數(shù)返回undefined
function func() {
}
console.info(func()); //undefined
function func2() {
return; //空的返回語(yǔ)句
}
console.info(func2()); //undefined
return里藏著的坑：
var func = function (x, y) {
var sum = x + y;
return {
value : sum
}
}
這么寫沒(méi)有問(wèn)題: 調(diào)用 func(5,5) 返回的是 Object {value: 10}
然而:
var func = function (x, y) {
var sum = x + y;
return
{
value: sum
};
}
console.info(func(5,5)); //undefined
return 后面跟著個(gè)回車換行的話，
調(diào)用 func(5,5) 顯示的是 undefined
編輯器幫我們?cè)趓eturn后加了個(gè)分號(hào); 然而在這情況下并沒(méi)有什么卵用。
函數(shù)即對(duì)象:
function add(x, y) {
return x + y;
}
console.info(add(100, 200)); //300
var other = add; //other和add引用同一函數(shù)對(duì)象
console.info(other(300, 400)); //700
console.info(typeof other); //function
console.info(add === other); //true
嵌套定義的函數(shù):
在函數(shù)內(nèi)部，可以定義另一個(gè)函數(shù)。
function outerFunc(a, b) {
function innerFunc(x) {
return x * x;
}
return Math.sqrt(innerFunc(a) + innerFunc(b));
}
console.info(outerFunc(3, 4)); //5
訪問(wèn)外部變量：
內(nèi)部函數(shù)可以訪問(wèn)外部的變量與參數(shù)。
var globalStr = 'globalStr';
function outerFunc2(argu) {
var localVar = 100;
function innerFunc2() {
localVar++;
console.info(argu + ":" + localVar + ":" + globalStr);
}
innerFunc2(); //hello:101:globalStr
}
outerFunc2("hello");
返回函數(shù)的函數(shù)：
因?yàn)楹瘮?shù)是對(duì)象，所以可以作為返回值。
function outerFunc(x) {
var y = 100;
return function innerFunc() {
console.info(x + y);
}
}
outerFunc(10)(); //110
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
- js自定義回調(diào)函數(shù)
- 比較常見(jiàn)的javascript中定義函數(shù)的區(qū)別
- 談?wù)凧avaScript自定義回調(diào)函數(shù)
- javascript學(xué)習(xí)筆記之函數(shù)定義
- JavaScript自定義等待wait函數(shù)實(shí)例分析
- JavaScript中定義函數(shù)的三種方法
- JavaScript生成隨機(jī)數(shù)的4種自定義函數(shù)分享
- 自定義函數(shù)實(shí)現(xiàn)IE7與IE8不兼容js中trim函數(shù)的問(wèn)題
- javascript 自定義回調(diào)函數(shù)示例代碼
- JS函數(shù)的幾種定義方式分析
相關(guān)文章
JavaScript實(shí)現(xiàn)下拉菜單的顯示隱藏
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)下拉菜單的顯示隱藏，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例
下面小編就為大家?guī)?lái)一篇Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
國(guó)外JavaScript經(jīng)典封裝集合整理
國(guó)外JavaScript經(jīng)典封裝集合整理...2007-05-05
某些正則表達(dá)式模式可能容易受到回溯的影響,這可能會(huì)導(dǎo)致超線性運(yùn)行時(shí),并可能導(dǎo)致DoS攻擊,本文就來(lái)介紹一下如何防止JavaScript中的正則表達(dá)式回溯,感興趣的可以了解一下2023-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序商城項(xiàng)目之商品屬性值聯(lián)動(dòng)選擇,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
在 ES5 中，類的繼承可以有多種方式，然而過(guò)多的選擇有時(shí)反而會(huì)成為障礙，ES6 統(tǒng)了類繼承的寫法，避免開發(fā)者在不同寫法的細(xì)節(jié)之中過(guò)多糾纏，但在介紹新方法之前，還是有必要先回顧下ES5中類的繼承方式2022-08-08
詳解JS如何解決大數(shù)據(jù)下滾動(dòng)頁(yè)面卡頓問(wèn)題
之前遇到不分頁(yè)直接獲取到全部數(shù)據(jù)，前端滾動(dòng)查看數(shù)據(jù)，頁(yè)面就挺卡頓的，所以這篇文章來(lái)和大家聊聊如何解決這一問(wèn)題，感興趣的小伙伴可以了解下2023-07-07
這篇文章主要介紹了JavaScript RegExp 對(duì)象用法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
前端下載文件方法很多,url是文件地址,下面這篇文章主要給大家介紹了關(guān)于JS通過(guò)URL下載文件并重命名的兩種方式,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
javascript getElementsByClassName實(shí)現(xiàn)代碼
根據(jù)元素clsssName得到元素集合的函數(shù)，需要的朋友可以參考下。2010-10-10