2024年前端最全ES6入门—ES6 对象与类的定义(1)，html5移动web开发实战

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

示例：新建一个名为 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()。

示例：

super 在对象字面值中的使用，super 指代了整个prototype或者__proto__指向的对象。

示例：