ES6之箭頭表示式

1.單行箭頭表示式:

1

var foo = (arg1,arg2) => arg1 +arg2;2//
上述表示式相當於
3var foo = function (arg1, arg2) ;

2.多行箭頭表示式(必須使用{}大括號):

1

var foo = (arg1, agr2) =>45
//以上表示式相當於
6var foo = function
(arg1, arg2) ;

3.無引數:

1

var foo = () =>{}23
//以上表示式相當於
4var foo = function () {}

4.乙個引數(無需使用()小括號):

1

var foo = arg =>45
//以上表示式相當於
6var foo = function
(arg)

5.栗子:

1

var arr = [1,2,3,4,5];
2 console.log(arr.filter(value => value%2 == 0))34
//以上**相當於
5var arr = [1, 2, 3, 4, 5];
6 console.log(arr.filter(function (value) )); //[2,4]返回被2整除的值

6.箭頭表示式中的this關鍵字:

//(1)es5方式(計時器中無法找到this)

1

function
foo (name:string) `);
5 },1000);6}
7var foo = new foo('莎士比亞'); 8//
返回name is---無法找到this.name

//(2)es6方式(計時器中可以找到this)

1

function
foo (name:string) `);
5 },1000);6}
7var foo = new foo("莎士比亞");89
//name is: 莎士比亞

ES6解構表示式

1 解構表示式傳參 let user function show obj show user 表示式傳值，整個表示式的值 取決於右邊，所以把user傳給了obj console.log name,age ghostwu,222 解構陣列 let arr 10,20,30,40 陣列用解構 let o...

ES6之表示式結構（Destructuring）

目錄 使用場景 高階用法 配合其他新特性 用法 function getstate const getstate if error 用法 arg1,arg2 value1,value2 const foo,bar 1,2 console.log foo,bar 1 2 如果希望跳過陣列中某些元素，可...

ES6之箭頭函式

一 基本用法 es6 允許使用 箭頭 定義函式。var f 5 等同於 var f function var sum num1,num2 num1 num2 等同於 var sum function num1,num2 如果箭頭函式的 塊部分多於一條語句，就要使用大括號將它們括起來，並且使用retu...