這篇文章主要給大家詳細分析了JavaScript函數定義的相關資料,需要的朋友可以參考下

函數

幾個要點：

a).函數是javascript中的一等公民 (重要性)

b).函數是一個對象

c).函數定義了一個獨立的變量作用域

定義方式

a)命名函數:

除非在另一個函數內部定義，否則，命名函數是全局的。

1. // 全局的命名函數 
2. function add(x, y) { 
3. return x + y; 
4. } 
5. console.info(add(100, 200)); //300 

b)匿名函數:

匿名函數通常賦值給一個變量，再通過變量調用。

1. var func = function (x, y) { 
2. return x + y; 
3. } 
4. console.info(func(5, 2)); //7 

匿名函數適用于以下這種 “立即執行的匿名函數” 的情況:

1. console.info( 
2. function (x, y) { 
3. return x + y; 
4. }(100, 200) //立即調用 
5. ); 

C)定義方式影響代碼執行效果

命名函數可以先使用，再定義

1. console.info(sum(10, 10)); 
2. function sum(num1, num2) { 
3. return num1 + num2; 
4. } 

匿名函數必須先定義，再使用

1. //console.info(sumFunc(10, 10)); //Uncaught TypeError: Property 'sumFunc' of object [object Object] is not a function  
2. var sumFunc = function (num1, num2) { 
3. return num1 + num2; 
4. }; 
5. console.info(sumFunc(10, 10)); 

函數返回值:

用return 生成返回值.如沒有return ，則函數返回undefined

1. function func() { 
2. } 
3. console.info(func()); //undefined 
4. function func2() { 
5. return; //空的返回語句 
6. } 
7. console.info(func2()); //undefined 

return里藏著的坑：

1. var func = function (x, y) { 
2. var sum = x + y; 
3. return { 
4. value : sum 
5. } 
6. } 

這么寫沒有問題: 調用 func(5,5) 返回的是 Object {value: 10}

然而:

1. var func = function (x, y) { 
2. var sum = x + y; 
3. return 
4. { 
5. value: sum 
6. }; 
7. } 
8. console.info(func(5,5)); //undefined 

return 后面跟著個回車換行的話，

調用 func(5,5) 顯示的是 undefined

編輯器幫我們在return后加了個分號; 然而在這情況下并沒有什么卵用。

函數即對象:

1. function add(x, y) { 
2. return x + y; 
3. } 
4. console.info(add(100, 200)); //300 
5. var other = add; //other和add引用同一函數對象 
6. console.info(other(300, 400)); //700 
7. console.info(typeof other); //function 
8. console.info(add === other); //true 

嵌套定義的函數:

在函數內部，可以定義另一個函數。

1. function outerFunc(a, b) { 
2. function innerFunc(x) { 
3. return x * x; 
4. } 
5. return Math.sqrt(innerFunc(a) + innerFunc(b)); 
6. } 
7. console.info(outerFunc(3, 4)); //5 

訪問外部變量：

內部函數可以訪問外部的變量與參數。

1. var globalStr = 'globalStr'; 
2. function outerFunc2(argu) { 
3. var localVar = 100; 
4. function innerFunc2() { 
5. localVar++; 
6. console.info(argu + ":" + localVar + ":" + globalStr); 
7. } 
8. innerFunc2(); //hello:101:globalStr 
9. } 
10. outerFunc2("hello"); 

返回函數的函數：

因為函數是對象，所以可以作為返回值。

1. function outerFunc(x) { 
2. var y = 100; 
3. return function innerFunc() { 
4. console.info(x + y); 
5. } 
6. } 
7. outerFunc(10)(); //110 

以上所述就是本文的全部內容了，希望大家能夠喜歡。