JavaScript ES 6の新特性

1016 ワード

一、標準パラメータ
原書

var obj=function(name,age,color){

       name=name||xiaoming;

       age=age||18

       color=color||red

}

新しい書き方

var obj=function(name="xiaoming",age=18,color="red")

二、テンプレート式
もとの文字

var name="     "+myname

今書きます

var name=`    ${myname}`

三、複数行の文字列
もとの文字

var str="name is xiaoming"

    +"age is 18"

    +"color is red"

今書きます

var str=`name is xiaoming

    age is 18

    color is red`

四、パッケージ解除式
もとの文字

var data = $('body').data()

    house = data.house,

    mouse = data.mouse

今書きます

var { house, mouse} = $('body').data()

五、矢印関数
もとの文字

var _this = this

$('.btn').click(function(event){

    _this.sendData()

})

今書きます

$('.btn').click((event) =>{

    this.sendData()

})