详细分析JavaScript函数定义

这篇文章主要给大家详细分析了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 

以上所述就是本文的全部内容了，希望大家能够喜欢。