ES6箭頭函式總結
阿新 • • 發佈:2021-10-22
一、箭頭函式
//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.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
}
}