學習筆記 箭頭函式

//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無論是在定義的前面還是後面都能正常...