Javascript进阶(6)---JS函数-优快云博客

本文介绍了JavaScript中函数的四种定义方法：函数声明法、函数表达式法、Function构造器和ES6新增的箭头函数。并通过实例展示了每种方法的特点及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS中的函数也是一种对象

函数的返回值是return来决定的，没有则返回undefined

　1、函数声明法　　

function add(a, b) {
    a = a + a;
    b = b + b;
}

　2、函数表达式法

```
var add = function (a , b){ ......};
```
```
(function(){......}());
```
```
return function (){......}
```

var add =function foo(a,b){......}; //命名式函数表达式，存在兼容问题，并不常用

- 为什么函数声明的前面可以提前调用该函数？
  - 因为函数声明在加载时是被预先处理的，而函数表达式中，只有函数里声明的变量会被预先处理。
  - ```
  add(5,4);
  var add =function foo(a,b){alert(a+b)};
```
- 而函数表达式本身并不会。所以，在函数表达式前调用该函数则会报错。

3、Function 构造器

var func = new Function('a','b','console.log(a+b);')
func(4,5);

4、箭头函数

在ES 6 标准下新增加了一种函数：箭头函数

例如：

x => x*x 
//等价于
function (x){
    return x*x;
  }

箭头相当于省略了"function"、"{}"、"return"关键字样

在以下特殊情况需要有特殊的变化

参数不是一个的情况

(x,y)=> x + y ; //两个参数

()=> 500;       //无参数

//可变参数的情况
(x,y, ...rest) => {
    return x+y;
  }

返回的内容是对象的情况

x => { foo : x}     //错误写法

x => ({foo : x })   //正确写法

箭头函数完全修复了 this 关键字的指向问题，在箭头函数中，this总是指向词法作用域，也就是外层调用者

var obj_arrow = {
  birth:1990,
  getAge:function(){
    var b = this.birth;
    var fn = ()=>new Date().getFullYear()-this.birth;
    return fn();
  }
}

console.log(obj_arrow.getAge());  //26 这里的this 直接指向obj

箭头函数使用 apply 与 call 时候，因为其内部的 this 以固定指向此法作用域，则 call 与 apply 传入的第一个参数被忽略

转载于:https://www.cnblogs.com/HXW-from-DJTU/p/5936536.html