- 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 examplevar 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.nameconsole.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
//usagevar firstName = "Nate";var lastName = "Murray";// interpolate a stringvar greeting = `Hello ${firstName} ${lastName}`;console.log(greeting);var template = `
Hello
This is a great website