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