轉帖|行業資訊|編輯:龔雪|2015-10-22 17:11:15.000|閱讀 266 次
概述:Node.js 4.0.0 已經發布了。這是和 io.js 合并之后的首個穩定版本,它帶來了一系列的新特性,支持 ES 6的大部分特性。已經有很多 ES 6 的特性介紹了,這里我們介紹一下該怎么使用它們。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
如果你要在 JavaScript 中創建多行字符串,你可能會使用如下的語法:
var message = [
'The quick brown fox',
'jumps over',
'the lazy dog'
].join('\n');
對于少量字符串這還算合適,但是如果比較多就會顯得混亂。不過,有個聰明的開發者提出了一個叫 的技巧:
var multiline = require('multiline');
var message = multiline(function () {/*
The quick brown fox
jumps over
the lazy dog
*/});
幸運的是,ES 6 為我們帶來了:
var message = ` The quick brown fox jumps over the lazy dog `;
此外,它還給我們帶來了字符串內插:
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);
// 應該這樣做 ...
var message = `Hello ${name}, how is your cat?`;
.
在 ES5 中定義類看起來有點奇怪,也比較麻煩:
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');
};
幸運的是,在 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 關鍵字、構造子、調用超類及屬性,是不是很棒?還不止這些,
在函數里面對 this 的動態綁定總是會導致一些混亂,人們一般是這樣用的:
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));
};
現在你可以使用胖箭頭函數了:
Cat.prototype.notifyListeners = function () {
this._listeners.forEach((listener) => {
this.notifyListener(listener);
});
};
.
使用對象字面量,你現在有了很漂亮的快捷方式:
var age = 10, name = 'Petsy', size = 32;
// 不要這樣做 ...
var cat = {
age: age,
name: name,
size: size
};
// ... 而是這樣做 ...
var cat = {
age,
name,
size
};
此外,你現在可以很容易地 。
不用再依賴像 bluebird 或 Q這樣的第三方庫了,你現在可以使用 . 它們公開了如下 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(() => {});
我們也有了一系列新的字符串功能:
// 在幾種情況下可以替代 `indexOf()`
name.startsWith('a')
name.endsWith('c');
name.includes('b');
// 重復字符串三次
name.repeat(3);
去告訴那些使用 Ruby 的家伙吧!字符串現在也 。
猜猜下列函數調用的返回值:
var x = 20;
(function () {
if (x === 20) {
var x = 30;
}
return x;
}()); // -> undefined
是的, undefined。使用 let 替代 var ,你會得到預期的行為:
let x = 20;
(function () {
if (x === 20) {
let x = 30;
}
return x;
}()); // -> 20
原因是什么呢? var 是函數作用域,而 let 是塊級作用域(如大部分人所預期的)。因此,可以說 let 是一個新var。 你可以。
此外,Node.js 也支持 const 關鍵字了,它可以防止你為同一個引用賦予不同的值:
var MY_CONST = 42; // no, no const MY_CONST = 42; // yes, yes MY_CONST = 10 // 使用了 const ,這就不行了
結語
Node.js 4.0.0 帶來了更多的 ES6 特性,我希望這七個例子可以吸引你升級到最新版本。
還有更多的語言特性呢(例如,maps/sets, 符號和生成器,這里只提到了一點)。你可以看看 。 趕快升級吧!
本文轉載自
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn