一、普通函数:
//具名函数
function func(){
//code
}
//匿名函数
let func = function(){
//code
}
代码说明:
(1).第一个是具名函数,使用严格的函数声明语法创建。
(2).第二个是匿名函数,它的本质是声明一个变量并赋值为一个匿名函数对象(函数没有名称)。
二、箭头函数:
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ … }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ … }和return。
let func=()=>{
//code
}
区别:①普通函数可以用于构造函数new出实例,箭头函数不可以
②箭头函数的this指向window,如果有普通函数包裹,则指向最近的函数
var obj = {
a: 10,
b: () => {
console.log(this.a); // undefined
console.log(this); // Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, frames: Window, …}
},
c: function() {
console.log(this.a); // 10
console.log(this); // {a: 10, b: ƒ, c: ƒ}
}
}
obj.b();
obj.c();
用普通函数包裹箭头函数
var obj = {
a: 10,
b: function(){
console.log(this.a); //10
},
c: function() {
return ()=>{
console.log(this.a); //10
}
}
}
obj.b();
obj.c()();
③箭头函数没有arguments对象,可以用rest参数—— … 解决
function A(a){
console.log(arguments)
}
A(1,2,3,4,5)
输出:
let B = (b)=>{
console.log(arguments)
}
B(1,2,3,4,5) //报错
let C = (...c) => {
console.log(c);
}
C(3,82,32,11323);
输出:
④箭头函数没有原型属性
var a = ()=>{
return 1;
}
function b(){
return 2;
}
console.log(a.prototype); // undefined
console.log(b.prototype); // {constructor: ƒ}