- 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> `