OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

Node.js 4.0 的 ES6 新特性


分享到
关键字 Node.JS   发布 xiaozhi  1447062326965
注意 转载须保留原文链接,译文链接,作者译者等信息。  

简介

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

Node.js 4.0.0 这个版本是Node和iojs合并后发布的首个稳定版本,并且为开发者带来了大量的ES6语言扩展。了解 Node.js中包括的ES6语言扩展。本文将会为你介绍如何使用这些新特性。

Node.js 4.0.0 可以让您享受最尖端的技术,保持项目的先进性。其中对 v8 的升级几乎做到了与 Chromium / Google Chrome 同步,达到了 4.5.x,它提供了很多新的语言功能。ECMA-262 是 JavaScript 语言规范的最新版本,而且好多新特性数都是开箱即用的。这些新特性包括:

  • classes - 各种 ‘类’,再也无需用 CoffeeScript 的语法糖写类了

  • generators - 未来的.js 代码中将有无数生成器,不学一点就看不懂 JS 代码了哦

  • collections - 集合、映射、弱集合、弱映射

  • arrow functions - 箭向函数

  • block scoping - 使用 let 、const 作用域,块辖域

  • template strings - 模板字串

  • promises - 用标准化了的方法进行延迟和异步计算

  • symbols - 唯一的、不可修改的数据

严格模式

严格模式在语义上与正常的JavaScript有一些不同。 首先,严格模式会将JavaScript陷阱直接变成明显的错误。其次,严格模式修正了一些引擎难以优化的错误:同样的代码有些时候严格模式会比非严格模式下更快。 第三,严格模式禁用了一些有可能在未来版本中定义的语法。

因为我们ECMAScript 6中的一些特性,必须在严格模式下,才可以使用,而不报错。

严格模式可以应用到整个script标签或某个别函数中。

为整个script标签开启严格模式, 需要在所有语句之前放一个特定语句 "use strict"; (或 'use strict';)

// 整个语句都开启严格模式的语法
  "use strict";
   let v = "Hi!  I'm a strict mode script!";

同样的,要给某个函数开启严格模式,得把 "use strict"; (或 'use strict'; )声明一字不漏地放在函数体所有语句之前。

function strict()
{
  // 函数级别严格模式语法
  'use strict';
  return "Hi!  I'm a strict mode function!" ;
}
function notStrict() { 
  return "I'm not strict.";
}

let

let 允许把变量的作用域限制在块级域中。与 var 不同处是:var 申明变量要么是全局的,要么是函数级的,而无法是块级的。

let vs var

let的作用域是块,而var的作用域是函数

'use strict';
var a = 5;
var b = 10;
if (a === 5) {
  let a = 4; // The scope is inside the if-block
  var b = 1; // The scope is inside the function
  console.log(a);  // 4
  console.log(b);  // 1
} 
console.log(a); // 5
console.log(b); // 1

let 在循环中

可以使用let关键字绑定变量在循环的范围而不是使用一个全局变量(使用var)定义。

'use strict';
for (let i = 0; i < 10; i++) {
  console.log(i); // 0, 1, 2, 3, 4 ... 9
}
console.log(i); // i is not defined

上面报错,因为变量i不存在于for语句外的作用域中。let创建块级作用域变量的,使用var创建一个全局变量。

const

const这个声明创建一个常量,可以全局或局部的函数声明。

一个常量可以是全局的或者是局部的,常量遵循与变量相同的作用域规则。

一个常量不可以被重新赋值,并且不能被重复声明.所以,虽然可以在声明一个常量的时候不进行初始化,但这样做是没有意义的,因为这个常量的值永远会保持undefined。

一个常量不能和它所在作用域内的其他变量或函数拥有相同的名称。

示例

下面的例子演示了常量的行为。

const num = 10;
num =20;
console.log(num); // 10

如果我们在上面声明常量num,在声明var num,这时会报错,num已经声明。

const num = 10;
var num = 20;
console.log(num); // 'num' has already been declared

块级作用域

很多语言中都有块级作用域,JavaScript使用var声明变量,以function来划分作用域,大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升(declaration hoisting)的效果。

ES6里增加了一个let,可以在{}, if, for里声明。用法同var,但作用域限定在块级,let声明的变量不存在变量提升。

'use strict';
function f1() {
  var a = 1;
  let n = 2;
  if (true) {
      var a = 20;
      let n = 10;
  }
  console.log(n); // 2
  console.log(a); // 20
}
f1();

类声明和类表达式

ES6 中的类实际上就是个函数,而且正如函数的定义方式有函数声明和函数表达式两种一样,类的定义方式也有两种,分别是:类声明、类表达式。

类声明

类声明是定义类的一种方式,就像下面这样,使用 class 关键字后跟一个类名(这里是 Ploygon),就可以定义一个类。

'use strict';
class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}

变量提升

类声明和函数声明不同的一点是,函数声明存在变量提升现象,而类声明不会。也就是说,你必须先声明类,然后才能使用它,否则代码会抛出 ——ReferenceError 异常,像下面这样:

var p = new Polygon(); // ReferenceError
 
class Polygon {}

类表达式

类表达式是定义类的另外一种方式,就像函数表达式一样,在类表达式中,类名是可有可无的。如果定义了类名,则该类名只有在类体内部才能访问到。

'use strict';
// 匿名类表达式
var Polygon = class {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};
// 命名类表达式
var Polygon = class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};

构造函数

类的成员需要定义在一对花括号 {} 里,花括号里的代码和花括号本身组成了类体。类成员包括类构造器和类方法(包括静态方法和实例方法)。

class 根据 constructor 方法来创建和初始化对象。

constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类只能有一个constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加。

constructor() {}

constructor方法默认返回实例对象(即this),完全可以指定返回另外一个对象。

'use strict';
class Foo {
  constructor() {
    return Object.create(null);
  }
}
new Foo() instanceof Foo
// false

上面代码中,constructor函数返回一个全新的对象,结果导致实例对象不是Foo类的实例。

constructor 方法是一个特殊的类方法,它既不是静态方法也不是实例方法,它仅在实例化一个类的时候被调用。一个类只能拥有一个名为 constructor 的方法,否则会抛出 SyntaxError 异常。

严格模式

类和模块的内部,默认就是严格模式,所以不需要使用use strict指定运行模式。只要你的代码写在类或模块之中,就只有严格模式可用。

静态方法

static关键字定义了一个类的静态方法。静态方法被称为无需实例化类也可当类被实例化。静态方法通常用于为应用程序创建实用函数。

示例

'use strict';
class Point {
    constructor(x, y) {
        this.x = x;
        this.y = y;
    }
 
    static distance(a, b) {
        const dx = a.x - b.x;
        const dy = a.y - b.y;
 
        return Math.sqrt(dx*dx + dy*dy);
    }
}
 
const p1 = new Point(5, 5);
const p2 = new Point(10, 10);
 
console.log(Point.distance(p1, p2));

使用 extends 关键字创建子类

extends 关键字可以用来创建继承于某个类的子类。

这个例子是根据名为Animal类创建一个名为Dog的类。

'use strict';
class Animal { 
  constructor(name) {
    this.name = name;
  }
 
  speak() {
    console.log(this.name + ' makes a noise.');
  }
}
 
class Dog extends Animal {
  speak() {
    console.log(this.name + ' barks.');
  }
}
var dog = new Dog('NiNi');
dog.speak();

更多示例和在线练习可以去这里看看:
http://www.hubwiz.com/course/561e0c8a1bc20c980538e1e8/

社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. Stop-Server:用手机关闭你的电脑
  2. 掌握Node.js的文件系统[File System 基础]
  3. 为什么你应该选择Python编程
  4. 探讨Uber如何利用大数据取得巨大商业成就
  5. 推荐几个非常实用的JQuery代码片段
  6. Node.js框架之express
  7. 从React到Domcom: 一个提供DOM部件的web框架
  8. 编写高扩展性JavaScript的几个技巧(一)
  9. HTML5相关格式转换提供商对比—选择困难户的专属福利来啦!
  10. 测试一下
  11. AirJD-简单好用的免费建站工具

 相关阅读 -
  1. HTML5相关格式转换提供商对比—选择困难户的专属福利来啦!
  2. 推荐几个非常实用的JQuery代码片段
  3. 从React到Domcom: 一个提供DOM部件的web框架
  4. Node.js框架之express
  5. 为什么你应该选择Python编程
  6. 探讨Uber如何利用大数据取得巨大商业成就
  7. 掌握Node.js的文件系统[File System 基础]
  8. Stop-Server:用手机关闭你的电脑
  9. JavaScript也有getter/setter方法:ES5 Object对象的5个不为人知的特性
  10. QRCode:用纯JavaScript实现的微信二维码图片生成器

 关键字 - Node.JS
  1. 理解Node.js的事件循环(Event Loop)和线程池
  2. Node.JS中如何快速扫描端口并发现局域网内的Web服务器地址(80)
  3. Express入门教程:一个简单的博客
  4. Node.JS循环递归复制文件夹目录及其子文件夹下的所有文件
  5. Oracle发布官方版Node.JS数据库驱动
  6. 为什么你应该抛弃Express的视图渲染引擎
  7. 在OnceIO(Node.JS)中用Redis储存Session
  8. Node.js中的通用基础设计模式
  9. 沃尔玛为什么要采用Node.js
  10. node.js使用unzip解压zip包指定文件,提取 word/excel (docx/pptx/xlsx) 文本内容

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号