成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Node.js 4.0 中的 ES 6 特性介紹

開發 前端
Node.js 4.0.0 已經發布了。這是和 io.js 合并之后的首個穩定版本,它帶來了一系列的新特性,支持 ES 6的大部分特性。已經有很多 ES 6 的特性介紹了,這里我們介紹一下該怎么使用它們。

Node.js 4.0.0 已經發布了。這是和 io.js 合并之后的***穩定版本,它帶來了一系列的新特性,支持 ES 6的大部分特性。已經有很多 ES 6 的特性介紹了,這里我們介紹一下該怎么使用它們。

 

1. 模板字符串

如果你要在 JavaScript 中創建多行字符串,你可能會使用如下的語法:

  1. var message = [

  2. 'The quick brown fox',

  3. 'jumps over',

  4. 'the lazy dog'

  5. ].join('\n');

對于少量字符串這還算合適,但是如果比較多就會顯得混亂。不過,有個聰明的開發者提出了一個叫 multiline 的技巧:

  1. var multiline = require('multiline');

  2. var message = multiline(function () {/*

  3. The quick brown fox

  4. jumps over

  5. the lazy dog

  6. */});

幸運的是,ES 6 為我們帶來了模板字符串:

  1. var message = `

  2. The quick brown fox

  3. jumps over

  4. the lazy dog

  5. `;

此外,它還給我們帶來了字符串內插:

  1. var name = 'Schroedinger';

  2.  

  3. // 不要這樣做 ...

  4. var message = 'Hello ' + name + ', how is your cat?';

  5. var message = ['Hello ', name, ', how is your cat?'].join('');

  6. var message = require('util').format('Hello %s, how is your cat?', name);

  7.  

  8. // 應該這樣做 ...

  9. var message = `Hello ${name}, how is your cat?`;

在 MDN 上查看模板字符串的細節.

2. 類

在 ES5 中定義類看起來有點奇怪,也比較麻煩:

  1. var Pet = function (name) {

  2. this._name = name;

  3. };

  4.  

  5. Pet.prototype.sayHello = function () {

  6. console.log('*scratch*');

  7. };

  8.  

  9. Object.defineProperty(Pet.prototype, 'name', {

  10. get: function () {

  11. return this._name;

  12. }

  13. });

  14.  

  15.  

  16. var Cat = function (name) {

  17. Pet.call(this, name);

  18. };

  19.  

  20. require('util').inherits(Cat, Pet);

  21.  

  22. Cat.prototype.sayHello = function () {

  23. Pet.prototype.sayHello.call(this);

  24. console.log('miaaaauw');

  25. };

幸運的是,在 Node.js 中可以使用新的 ES6 格式:

  1. class Pet {

  2. constructor(name) {

  3. this._name = name;

  4. }

  5. sayHello() {

  6. console.log('*scratch*');

  7. }

  8. get name() {

  9. return this._name;

  10. }

  11. }

  12.  

  13. class Cat extends Pet {

  14. constructor(name) {

  15. super(name);

  16. }

  17. sayHello() {

  18. super.sayHello();

  19. console.log('miaaaauw');

  20. }

  21. }

有 extends 關鍵字、構造子、調用超類及屬性,是不是很棒?還不止這些,看看 MDN 上的更詳細的介紹。

3. 箭頭函數

在函數里面對 this 的動態綁定總是會導致一些混亂,人們一般是這樣用的:

  1. Cat.prototype.notifyListeners = function () {

  2. var self = this;

  3. this._listeners.forEach(function (listener) {

  4. self.notifyListener(listener);

  5. });

  6. };

  1. Cat.prototype.notifyListeners = function () {

  2. this._listeners.forEach(function (listener) {

  3. this.notifyListener(listener);

  4. }.bind(this));

  5. };

現在你可以使用胖箭頭函數了:

  1. Cat.prototype.notifyListeners = function () {

  2. this._listeners.forEach((listener) => {

  3. this.notifyListener(listener);

  4. });

  5. };

了解箭頭函數的更多細節。.

4. 對象字面量

使用對象字面量,你現在有了很漂亮的快捷方式:

  1. var age = 10, name = 'Petsy', size = 32;

  2.  

  3. // 不要這樣做 ...

  4. var cat = {

  5. age: age,

  6. name: name,

  7. size: size

  8. };

  9.  

  10. // ... 而是這樣做 ...

  11. var cat = {

  12. age,

  13. name,

  14. size

  15. };

此外,你現在可以很容易地 給你的對象字面量添加函數

5. Promise

不用再依賴像 bluebird 或 Q這樣的第三方庫了,你現在可以使用 原生的 promise. 它們公開了如下 API:

  1. var p1 = new Promise(function (resolve, reject) {});

  2. var p2 = Promise.resolve(20);

  3. var p3 = Promise.reject(new Error());

  4. var p4 = Promise.all(p1, p2);

  5. var p5 = Promise.race(p1, p2);

  6.  

  7. // 顯然

  8. p1.then(() => {}).catch(() => {});

6. 字符串方法

我們也有了一系列新的字符串功能:

  1. // 在幾種情況下可以替代 `indexOf()`

  2. name.startsWith('a')

  3. name.endsWith('c');

  4. name.includes('b');

  5.  

  6. // 重復字符串三次

  7. name.repeat(3);

去告訴那些使用 Ruby 的家伙吧!字符串現在也 對 unicode 支持更好了

7. let 和 const

猜猜下列函數調用的返回值:

  1. var x = 20;

  2. (function () {

  3. if (x === 20) {

  4. var x = 30;

  5. }

  6. return x;

  7. }()); // -> undefined

是的, undefined。使用 let 替代 var ,你會得到預期的行為:

  1. let x = 20;

  2. (function () {

  3. if (x === 20) {

  4. let x = 30;

  5. }

  6. return x;

  7. }()); // -> 20

原因是什么呢? var 是函數作用域,而 let 是塊級作用域(如大部分人所預期的)。因此,可以說 let 是一個新var。 你可以在 MDN 上了解更多細節

此外,Node.js 也支持 const 關鍵字了,它可以防止你為同一個引用賦予不同的值:

  1. var MY_CONST = 42; // no, no

  2. const MY_CONST = 42; // yes, yes

  3.  

  4. MY_CONST = 10 // 使用了 const ,這就不行了

結語

Node.js 4.0.0 帶來了更多的 ES6 特性,我希望這七個例子可以吸引你升級到***版本。

還有更多的語言特性呢(例如,maps/sets, 符號和生成器,這里只提到了一點)。你可以看看 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

責任編輯:王雪燕 來源: LCTT
相關推薦

2015-03-10 10:59:18

Node.js開發指南基礎介紹

2011-11-10 11:08:34

Node.js

2020-04-20 16:00:05

Node.js框架JavaScript

2024-01-05 08:49:15

Node.js異步編程

2021-05-21 09:36:42

開發技能代碼

2016-08-11 14:02:02

NodeJS前端

2020-04-15 15:48:03

Node.jsstream前端

2013-11-01 09:34:56

Node.js技術

2017-03-19 16:40:28

漏洞Node.js內存泄漏

2017-03-20 13:43:51

Node.js內存泄漏

2020-05-29 15:33:28

Node.js框架JavaScript

2012-02-03 09:25:39

Node.js

2021-12-25 22:29:57

Node.js 微任務處理事件循環

2020-11-02 11:40:24

Node.jsRequire前端

2021-03-04 23:12:57

Node.js異步迭代器開發

2021-12-01 00:05:03

Js應用Ebpf

2011-09-08 13:53:31

Node.js

2011-09-08 14:16:12

Node.js

2020-01-03 16:04:10

Node.js內存泄漏

2023-11-16 14:56:13

點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产日韩欧美一区二区 | 久久免费精品 | 麻豆视频在线免费观看 | 色婷婷精品| 日韩在线免费视频 | 二区高清 | h片免费在线观看 | 亚洲视频在线观看一区二区三区 | 日韩欧美国产综合 | 日韩一区二区三区在线观看视频 | 在线中文字幕av | 综合精品 | 国产在线拍偷自揄拍视频 | 午夜精品一区二区三区在线观看 | 美女在线视频一区二区三区 | 精品二区| 米奇7777狠狠狠狠视频 | 色av一区二区三区 | 国产一区二区影院 | 欧美激情a∨在线视频播放 成人免费共享视频 | 久久com| 欧美一二三区 | 精品人伦一区二区三区蜜桃网站 | 日韩欧美手机在线 | 国产欧美精品区一区二区三区 | 99在线资源 | 成人h视频 | 超碰人人人| 亚洲国产免费 | 国产精品福利网站 | 亚洲视频国产视频 | 成年免费大片黄在线观看一级 | 亚洲欧美中文日韩在线v日本 | 亚洲精品一区久久久久久 | 国产精品高潮呻吟久久av野狼 | 伊人色综合久久久天天蜜桃 | 久热精品在线播放 | 日韩看片 | 亚洲专区在线 | 夜夜草| 久久国产一区二区 |