學習筆記 箭頭函式

2021-08-01 05:55:57 字數 1160 閱讀 9303

//1.箭頭函式寫法  (1個引數)

var fn = x =>x*x;

alert(fn(2))//4

//es5寫法;

var fn1es5 = (function

(x));

//2.箭頭寫法 (2個引數)

var fn2 = (x,y) => x*y;

alert(fn2(4,4))//16

//es5寫法;

var fn2es5 = (function

(x,y));

//3.箭頭寫法 (無引數)

var fn3 = () =>'arrow';

alert(fn3())

//es5寫法

var fn3es5 = (function

());

var fn4 = x => else

}alert(fn4(9))//他是小於10的;

//es5的寫法

var fn4es5 = (function

(x)else

})

//5.箭頭函式 (return 物件的)

var fn5 = x =>();

alert(fn5(10))

console.log(fn5(10))//

//es5寫法

var fn5es5 = (function

(x);

})

//6.箭頭函式this

var objes5 =

}console.log(objes5.getname())//5 現在,箭頭函式完全修復了this的指向,this總是指向詞法作用域,也就是外層呼叫者obj:

//es5

var obj =

return fn();}}

console.log(obj.getname())//undefined

總結:

1.傳入引數的個數不同寫法不同;

2.返回的是物件的寫法

3.箭頭函式內包含條件語句

4.this的指向

筆記 箭頭函式。。。

沒有argument的概念,有了rest剩餘引數的概念 x var add x,y add 1,2,3,4 arguments is not defined 沒有定義var add x,y,rest add 1,2,3,4 rest存多餘的引數 this指向 事件中的this,指向事件源 普通函式的...

箭頭函式筆記

1.箭頭函式是匿名函式,不能作為建構函式,不能使用new 2.箭頭函式不能繫結arguments,取而代之用rest 引數 function a a a 1,2,3,4,5,8 1,2,3,4,5,8,callee symbol symbol.iterator letc c c 3,82,32,11...

ES6 11學習筆記 箭頭函式

1 this指向定義時所在的物件,而不是呼叫時所在的物件 2 不可以當做建構函式 3 不可以使用arguments物件 es5中定義函式的兩種方式 function fn1 let fn2 function fn1和fn2之間區別是 fn1編譯器會預編譯,呼叫fn1無論是在定義的前面還是後面都能正常...