ES6 new syntax features

  1.  Fat arrow function syntax
  •  fat arrow 即:  '=>'   
  • 通常我们在调用一个方法里带有一个function作为参数时我们一般这样用:
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach(function(line) { console.log(line); });
  •  现在我们可以使用这种 fat arrow "=>" ,于是上面科一这样写:
// Typescript example
var data: string[] = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach( (line) => console.log(line) );
  •  另一个 => 的特性就是 他可以为其上文的代码公用一个  this ,例如:

/***********ES5**************/
var nate = {
name: "Nate",
guitars: ["Gibson", "Martin", "Taylor"],
printGuitars: function() {
var self = this;
this.guitars.forEach(function(g) {
// this.name is undefined so we have to use self.name
console.log(self.name + " plays a " + g);
});
}
};

/***********ES6**************/

var nate = {
name: "Nate",
guitars: ["Gibson", "Martin", "Taylor"],
printGuitars: function() {
this.guitars.forEach( (g) => {
console.log(this.name + " plays a " + g);
});
}
};

         2、Template Strings

  • Variables within strings (without being forced to concatenate with + ) and
  • Multi-line strings
    //usage
    
    var firstName = "Nate";
    var lastName = "Murray";
    // interpolate a string
    var greeting = `Hello ${firstName} ${lastName}`;
    console.log(greeting);
    
    
    var template = `
    <div>
    <h1>Hello</h1>
    <p>This is a great website</p>
    </div>
    `

     

转载于:https://my.oschina.net/mercyyang/blog/680527

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值