ES2015入门系列1-初识ES2015

2024年4月28日 133次阅读 来源: chekun

EcmaScript 实际上是一种言语范例，罕见的 JavaScript, ActionScript 等都是其详细完成，日常平凡运用中平常能够将其和Javascript对等称谓，本系列教程重要报告 EcmaScript2015(ES6) 为JavaScript带来的新的特征，并开端控制怎样应用其举行开辟。

本系列面向有肯定基础知识的ES5运用者，不适合初学者。

先来看两段代码：

Human.js

export default class Human {

}

main.js

import Human from './Human';

class Man extends Human {

  constructor(name = 'unnamed') {
    super();
    this.gender = 'male';
    this.name = name;
  }

  static create(name = 'unamed') {
      return new Man(name);
  }

  getGender() {
      return this.gender;
  }

  getName() {
      return this.name;
  }

}

const man = new Man('Jack');

let manObject = {
    man
}

console.log(man.getName());
console.dir(manObject);

上面的代码为我们展现了和ES5不一样的语法：

  • import 和 export

模块化开辟，在此之前也有许多的计划，AMD, CMD等，但从运用上来讲，ES2015的模块化开辟照样很简单和壮大的。

  • class

语意化的的面向对象语法，不过不要惊奇，这实在只是语法糖，在其背地，依然是编译器根据ES5的体式格局去实行的，不过关于后端开辟者来讲，接收起来就不会那末难受了。class中定义要领无需function关键字, 这些会在背面的章节进一步解说。

  • 参数有默许值了

不必再运用:

a = a || 'default';

这类体式格局处置惩罚默许值啦，实在这也是语法糖，然则带来的方便显而易见。

  • const 和 let 关键字

var 终究不再一家独大了，来了2个小伙伴一同游玩。

  • 属性简约写法

假如对象的属性称号和变量称号一致，那末能够运用下面的简约写法：

let manObject = {
    man
}

//等同于
let manObject = {
    man: man
}

怎样，比拟ES5，是否是更当代化了呢？

固然ES6带来的新语法岂止这几点，但这足以让我们对JavaScript更感兴趣了。

    原文作者：chekun
    原文地址: https://segmentfault.com/a/1190000009970041
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞