ES6入门—ES6 对象与类的定义，大前端开发

let name = { name: “lisi” };

let age = { age: 15 };

let sex = { sex: “female” };

var person = { …name, …age, …sex };

console.log(person); // { name:‘lisi’,age:15,sex:‘female’ }

在终端输入以下命令：

node demo.js

我们会看到如下图所示的效果：

三、ES6 字符串

============================================================================

ES6 新增了模板字符串，可以将表达式嵌入字符串中进行拼接，也可以实现多行字符串或者字符串一行行拼接。用 ${} 来界定。

示例：新建一个名为 demo1.js 的文件，并在其中输入以下代码：

// es5

var name = “zhangsan”;

console.log("hello " + name);

// es6

var name2 = “zhangsan”;

console.log(hello ${name2}); // hello zhangsan

在终端输入以下命令：

node demo1.js

我们会看到如下图所示的效果：

四、ES6 类的定义及使用

================================================================================

constructor()

ES6 引入了 class 类的概念，每一个 class 类只有一个 constructor() 方法，用于创建和初始化对象。如果一个类没有指定 constructor() 方法，则会添加默认的 constructor() 方法。

示例：

效果如下图所示：

五、Class 表达式

==============================================================================

ES6 中的 Class 表达式使得可以使用表达式来声明一个类或者一个对象。

声明类：

var 类名 = class [变量名]{…}

示例：

声明对象：

var 对象名 = new (class {})();

示例：

六、super 关键字

==============================================================================

super 可以用在类的继承中，在子类的构造方法中需要使用 super 关键字调用父类的 constructor()。

示例：