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

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

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

前言

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

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

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

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

二、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有什么不同-创新互联
当前地址：http://shouzuofang.com/article/djjepe.html