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