ES6箭头函数总结

一、箭头函数

//1.定义函数的方式：function
function test1(){
console.log('1111')
}
const test2 = function (){
console.log('222')
}

test1();
test2();

//2.对象字面量中定义函数
const obj = {
aaa:function (){
console.log('3333')
},
bbb(){
console.log('444')
}
}

//3.ES6中的箭头函数
// const ccc = (参数列表) => {
//
// }
const ddd = () =>{

}

//3.1参数问题
//3.1.1 放入多个参数的写法
const fff = (num1,num2) => {
return num1 + num2;
}
//3.1.2 放入一个参数是，括号可以省略
const power = num => {
return num * num;
}

fff(10.20);
//3.1.3 函数代码块中只有一行代码时的写法,大括号{}也可以省略
const hh = (num1,num2) => num1 * num2

console.log('helloww');

//箭头函数中的this是如何查找的？
//答案：向外层作用域中，一层层的查找this，直到有this的定义
const obj1 = {
aaa(){
setTimeout(function (){
console.log(this) //window
})
setTimeout(() => console.log(this)) //obj

}

}