Node.js 4.0 中的 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. var message = 'Hello ' + name + ', how is your cat?';

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

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

  6. // 应该这样做 ...

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

在 MDN 上查看模板字符串的细节.

2. 类

在 ES5 中定义类看起来有点奇怪,也比较麻烦:


    
    
  1. var Pet = function (name) {

  2. this._name = name;

  3. };

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

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

  6. };

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

  8. get: function () {

  9. return this._name;

  10. }

  11. });

  12. var Cat = function (name) {

  13. Pet.call(this, name);

  14. };

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

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

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

  18. console.log('miaaaauw');

  19. };

幸运的是,在 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. class Cat extends Pet {

  13. constructor(name) {

  14. super(name);

  15. }

  16. sayHello() {

  17. super.sayHello();

  18. console.log('miaaaauw');

  19. }

  20. }

有 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. var cat = {

  4. age: age,

  5. name: name,

  6. size: size

  7. };

  8. // ... 而是这样做 ...

  9. var cat = {

  10. age,

  11. name,

  12. size

  13. };

此外,你现在可以很容易地 给你的对象字面量添加函数

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. p1.then(() => {}).catch(() => {});

6. 字符串方法

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


    
    
  1. // 在几种情况下可以替代 `indexOf()`

  2. name.startsWith('a')

  3. name.endsWith('c');

  4. name.includes('b');

  5. // 重复字符串三次

  6. 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. MY_CONST = 10 // 使用了 const ,这就不行了

结语

Node.js 4.0.0 带来了更多的 ES6 特性,我希望这七个例子可以吸引你升级到最新版本。


来源:51CTO

相关文章
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元:从CommonJS的基石到ES Modules的飞跃,探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升,JavaScript模块化编程变得至关重要,它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules,模块化标准经历了显著的发展。CommonJS最初专为服务器端设计,通过`require()`同步加载模块。而ES Modules作为官方标准,支持异步加载,更适合浏览器环境,并且能够进行静态分析以优化性能。这两种标准各有特色,但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟,也反映了整个JavaScript生态系统的不断完善。
191 3
|
自然语言处理 JavaScript 前端开发
ECMAScript 6 的出现为 JavaScript 带来了许多新的特性和改进
这些只是ES6的一些主要特性,它们极大地增强了JavaScript的功能和表现力,使得JavaScript在大型应用开发、前端框架等领域能够更加高效地编写复杂的应用程序。
431 155
|
JavaScript 前端开发 容器
盘点JavaScript中所有声明变量的方式及特性
本文详细介绍了JavaScript中变量定义的多种方式,包括传统的`var`、`let`和`const`,以及通过`this`、`window`、`top`等对象定义变量的方法。每种方式都有其独特的语法和特性,并附有代码示例说明。推荐使用`let`和`const`以避免作用域和提升问题,谨慎使用`window`和`top`定义全局变量,不建议使用隐式全局变量。掌握这些定义方式有助于编写更健壮的JS代码。
349 11
|
JavaScript 前端开发 安全
JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择
本文深入探讨了JavaScript与TypeScript的对比,分析了两者的特性及在实际项目中的应用选择。JavaScript以其灵活性和广泛的生态支持著称,而TypeScript通过引入静态类型系统,提高了代码的可靠性和可维护性,特别适合大型项目。文章还讨论了结合使用两种语言的优势,以及如何根据项目需求和技术背景做出最佳选择。
1726 4
|
JavaScript 前端开发 安全
ECMAScript 6(以下简称 ES6)的出现为 JavaScript 带来了许多新的特性和改进,其中 let 和 const 是两个非常重要的关键字。
ES6 引入了 `let` 和 `const` 关键字,为 JavaScript 的变量管理带来了革新。`let` 提供了块级作用域和暂存死区特性,避免变量污染,增强代码可读性和安全性;`const` 用于声明不可重新赋值的常量,但允许对象和数组的内部修改。两者在循环、函数内部及复杂项目中广泛应用,有助于实现不可变数据结构,提升代码质量。
212 5
|
JavaScript 前端开发 索引
JavaScript ES6及后续版本:新增的常用特性与亮点解析
JavaScript ES6及后续版本:新增的常用特性与亮点解析
528 4
|
JavaScript 前端开发 编译器
掌握现代化JavaScript:ECMAScript提案与特性
【10月更文挑战第13天】本文介绍了ECMAScript(ES)的最新提案与特性,包括可选链、空值合并运算符、类字段和顶层Await等。通过跟踪TC39提案、使用Babel或TypeScript、测试兼容性以及逐步迁移,开发者可以高效地采用这些新特性,简化代码、提高开发效率并增强应用功能。文章还提供了实战技巧,帮助开发者在现代Web开发中充分利用这些现代化的特性。
|
JavaScript 前端开发 Oracle
软件工程师,学习下JavaScript ES6新特性吧
软件工程师,学习下JavaScript ES6新特性吧
155 9
|
存储 JavaScript 前端开发
[JS] ES Modules的运作原理
【9月更文挑战第16天】ES Modules(ECMAScript Modules)是 JavaScript 中的一种模块化开发规范,适用于浏览器和 Node.js 环境。它通过 `export` 和 `import` 关键字实现模块的导出与导入。模块定义清晰,便于维护和测试。JavaScript 引擎会在执行前进行静态分析,确保模块按需加载,并处理循环依赖。ES Modules 支持静态类型检查,现代浏览器已原生支持,还提供动态导入功能,增强了代码的灵活性和性能。这一规范显著提升了代码的组织和管理效率。
293 1