1. 箭头函数定义:也是一种定义函数的方式
2. 定义函数的方式:
const fun1 = function () {
}
const obj = {
objFun1:function() {
},
objFun2 () {
}
}
const fun2 = (参数列表) => {
}
const fun3 = () => {
}
3. 箭头函数参数和返回值
const sum = (num1, num2) => {
return num1 + num2;
}
const power = num => {
return num * num;
}
const fun4 = () => {
console.log('Hello Word');
console.log('Hello Vue');
}
const mul = (num1, num2) => num1 * num2;
const demo => console.log('Hello Demo');
new Vue ({
rende: h => (APP)
})
4. 使用情景:将一个函数作为参数传到另外一个函数中时使用
setTimeout(function () {
},1000)
setTimeout(() => {}, 1000)
5. 箭头函数中this指向
const obj1 = {
setTimeout(function(){
console.log(this);
});
setTimeout(() => {
console.log(this);
})
}
const obj2 = {
test(){
setTimeout(function(){
console.log(this);
});
setTimeout(() => {
console.log(this);
})
}
}
const obj3 = {
setTimeout(function(){
setTimeout(function(){
console.log(this);
})
setTimeout(() => {
console.log(this);
})
});
setTimeout(() => {
setTimeout(function(){
console.log(this);
})
setTimeout(() => {
console.log(this);
})
});
}