建站
咨詢
售后
建站咨詢
新聞中心
Node.js 4.0.0 已經(jīng)發(fā)布了。這是和 io.js 合并之后的***穩(wěn)定版本，它帶來了一系列的新特性，支持 ES 6的大部分特性。已經(jīng)有很多 ES 6 的特性介紹了，這里我們介紹一下該怎么使用它們。
成都創(chuàng)新互聯(lián)公司專注于曲靖網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供曲靖營銷型網(wǎng)站建設(shè)，曲靖網(wǎng)站制作、曲靖網(wǎng)頁設(shè)計(jì)、曲靖網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù)，打造曲靖網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供曲靖網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
1. 模板字符串
如果你要在 JavaScript 中創(chuàng)建多行字符串，你可能會使用如下的語法：
var message = [
'The quick brown fox',
'jumps over',
'the lazy dog'
].join('\n');
對于少量字符串這還算合適，但是如果比較多就會顯得混亂。不過，有個(gè)聰明的開發(fā)者提出了一個(gè)叫 multiline 的技巧：
var multiline = require('multiline');
var message = multiline(function () {/*
The quick brown fox
jumps over
the lazy dog
*/});
幸運(yùn)的是，ES 6 為我們帶來了模板字符串:
var message = `
The quick brown fox
jumps over
the lazy dog
`;
此外，它還給我們帶來了字符串內(nèi)插：
var name = 'Schroedinger';
// 不要這樣做 ...
var message = 'Hello ' + name + ', how is your cat?';
var message = ['Hello ', name, ', how is your cat?'].join('');
var message = require('util').format('Hello %s, how is your cat?', name);
// 應(yīng)該這樣做 ...
var message = `Hello ${name}, how is your cat?`;
在 MDN 上查看模板字符串的細(xì)節(jié).
2. 類
在 ES5 中定義類看起來有點(diǎn)奇怪，也比較麻煩：
var Pet = function (name) {
this._name = name;
};
Pet.prototype.sayHello = function () {
console.log('*scratch*');
};
Object.defineProperty(Pet.prototype, 'name', {
get: function () {
return this._name;
}
});
var Cat = function (name) {
Pet.call(this, name);
};
require('util').inherits(Cat, Pet);
Cat.prototype.sayHello = function () {
Pet.prototype.sayHello.call(this);
console.log('miaaaauw');
};
幸運(yùn)的是，在 Node.js 中可以使用新的 ES6 格式：
class Pet {
constructor(name) {
this._name = name;
}
sayHello() {
console.log('*scratch*');
}
get name() {
return this._name;
}
}
class Cat extends Pet {
constructor(name) {
super(name);
}
sayHello() {
super.sayHello();
console.log('miaaaauw');
}
}
有 extends 關(guān)鍵字、構(gòu)造子、調(diào)用超類及屬性，是不是很棒？還不止這些，看看 MDN 上的更詳細(xì)的介紹。
3. 箭頭函數(shù)
在函數(shù)里面對 this 的動態(tài)綁定總是會導(dǎo)致一些混亂，人們一般是這樣用的：
Cat.prototype.notifyListeners = function () {
var self = this;
this._listeners.forEach(function (listener) {
self.notifyListener(listener);
});
};
Cat.prototype.notifyListeners = function () {
this._listeners.forEach(function (listener) {
this.notifyListener(listener);
}.bind(this));
};
現(xiàn)在你可以使用胖箭頭函數(shù)了：
Cat.prototype.notifyListeners = function () {
this._listeners.forEach((listener) => {
this.notifyListener(listener);
});
};
了解箭頭函數(shù)的更多細(xì)節(jié)。.
4. 對象字面量
使用對象字面量，你現(xiàn)在有了很漂亮的快捷方式：
var age = 10, name = 'Petsy', size = 32;
// 不要這樣做 ...
var cat = {
age: age,
name: name,
size: size
};
// ... 而是這樣做 ...
var cat = {
age,
name,
size
};
此外，你現(xiàn)在可以很容易地 給你的對象字面量添加函數(shù)。
5. Promise
不用再依賴像 bluebird 或 Q這樣的第三方庫了，你現(xiàn)在可以使用 原生的 promise. 它們公開了如下 API：
var p1 = new Promise(function (resolve, reject) {});
var p2 = Promise.resolve(20);
var p3 = Promise.reject(new Error());
var p4 = Promise.all(p1, p2);
var p5 = Promise.race(p1, p2);
// 顯然
p1.then(() => {}).catch(() => {});
6. 字符串方法
我們也有了一系列新的字符串功能：
// 在幾種情況下可以替代 `indexOf()`
name.startsWith('a')
name.endsWith('c');
name.includes('b');
// 重復(fù)字符串三次
name.repeat(3);
去告訴那些使用 Ruby 的家伙吧！字符串現(xiàn)在也 對 unicode 支持更好了。
7. let 和 const
猜猜下列函數(shù)調(diào)用的返回值：
var x = 20;
(function () {
if (x === 20) {
var x = 30;
}
return x;
}()); // -> undefined
是的， undefined。使用 let 替代 var ，你會得到預(yù)期的行為：
let x = 20;
(function () {
if (x === 20) {
let x = 30;
}
return x;
}()); // -> 20
原因是什么呢？ var 是函數(shù)作用域，而 let 是塊級作用域（如大部分人所預(yù)期的）。因此，可以說 let 是一個(gè)新var。 你可以在 MDN 上了解更多細(xì)節(jié)。
此外，Node.js 也支持 const 關(guān)鍵字了，它可以防止你為同一個(gè)引用賦予不同的值：
var MY_CONST = 42; // no, no
const MY_CONST = 42; // yes, yes
MY_CONST = 10 // 使用了 const ，這就不行了
結(jié)語
Node.js 4.0.0 帶來了更多的 ES6 特性，我希望這七個(gè)例子可以吸引你升級到***版本。
還有更多的語言特性呢（例如，maps/sets, 符號和生成器，這里只提到了一點(diǎn)）。你可以看看 Node.js 4.0.0 的 ES6 概覽。 趕快升級吧！
原文：http://www.cli-nerd.com/2015/09/09/7-reasons-to-upgrade-to-node-v4-now.html 作者： Damien Klinnert
譯文：LCTT https://linux.cn/article-6212-1.html 譯者： wxy
當(dāng)前文章：Node.js4.0中的ES6特性介紹
當(dāng)前地址：http://www.dlmjj.cn/article/djhjcdp.html
