一文带你读懂es5类与es6中的class有什么不同-创新互联

这篇文章将为大家详细讲解有关一文带你读懂es5 类与es6中的class有什么不同，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

成都创新互联：成立与2013年为各行业开拓出企业自己的“网站建设”服务，为近千家公司企业提供了专业的网站设计制作、成都网站设计、网页设计和网站推广服务，专业公司由设计师亲自精心设计，设计的效果完全按照客户的要求，并适当的提出合理的建议，拥有的视觉效果，策划师分析客户的同行竞争对手，根据客户的实际情况给出合理的网站构架，制作客户同行业具有领先地位的。

前言

在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类，今天整理一下它们的区别。

关于es5中定义类的方式，可以看这一篇Js的‘类'，我们这里主要聊es5类和es6中class类的区别。

一、class类必须new调用，不能直接执行。

一文带你读懂es5 类与es6中的class有什么不同

class类执行的话会报错，而es5中的类和普通函数并没有本质区别，执行肯定是ok的。

二、class类不存在变量提升

一文带你读懂es5 类与es6中的class有什么不同

图2报错，说明class方式没有把类的定义提升到顶部。

三、class类无法遍历它实例原型链上的属性和方法

function Foo (color) {
 this.color = color
}
Foo.prototype.like = function () {
 console.log(`like${this.color}`)
}
let foo = new Foo()

for (let key in foo) {
 // 原型上的like也被打印出来了
 console.log(key) // color、like
}

当前文章：一文带你读懂es5类与es6中的class有什么不同-创新互联
文章链接：https://www.cdcxhl.com/article34/djjepe.html

成都网站建设公司_创新互联，为您提供品牌网站建设、自适应网站、全网营销推广、响应式网站、企业建站、网站内链

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容