JavaScript 和面向类的语言不同，它并没有类来作为对象的抽象模式。JavaScript 中只有对象，而并没有真正的类。JS只是利用了函数的一种特殊特性——所有的函数默认都会拥有一个名为 prototype 的公有并且不可枚举的属性，它会指向另一个对象，来模拟类的行为。

我们平常在用DIV+CSS制作html网页页面时，常会用到class 和id来选择调用CSS样式属性。对学习CSS的新手来说class和id可能比较模糊，同时不知道什么时候该用class，什么时候又用id，以及它们用法与限制是怎么样的。

JavaScript 使用原型继承:每个对象都从原型对象继承属性和方法。在Java或Swift等语言中使用的传统类作为创建对象的蓝图，在 JavaScript 中不存在，原型继承仅处理对象。

先复习一下es5常用的构建类的方法：首先es5的写法使用原型进行对象的方法的，为什么不在构造函数里添加方法呢？因为实例化对象的时候，会重复的建立好多相同的方法，浪费资源。所以需要把对象的方法挂载到prtotype里。

在es5中我们是使用构造函数实例化出来一个对象，那么构造函数与普通的函数有什么区别呢？其实没有区别，无非就是函数名称用首字母大写来加以区分，这个不用对说对es5有了解的朋友都应该知道。

class (类)作为对象的模板被引入，可以通过 class 关键字定义类。类简要说明，类的本质是function,是基本原型继承的语法糖。所以，JS中继承的模型是不会被改变的。

vue 指令以 v- 前缀标示，数据绑定的指令 v-bind:属性名, 简写为 :属性名, 简单的数据绑定例子如下；vue 的分隔符默认是 {{ }}, 在分隔符里面的字符串会被认为是数据变量，可以通过 方式设置class

ES6中新增了class这个语法糖。此class并非java中的class，ES6中的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。其中有static关键字。

proposal-class-fields与proposal-private-methods定义了 Class 的私有属性以及私有方法，这 2 个提案已经处于 Stage 3，这就意味着它们已经基本确定下来了，等待被加入到新的 ECMAScript 版本中。

使用jQuery可以给元素很方便的添加class和删除class等操作，现在原生的JavaScript也可以实现这个方法了。使用classList可以方便的添加class、删除class、查询class等。elementClasses 是一个 DOMTokenList 表示 element 的类属性 。

ES6中的 class定义一个类, 其内部包含 constructor构造函数, 除了在构造函数显示的定义一些属性, 其余的默认都添加到这个类的原型对象上。以上代码 classProxy(prosen2) 返回的是包含一层拦截器的实例对象, 当读取 sayName这个函数的是和会出发 get拦截等操作。

class 是 ES6 的新特性，可以用来定义一个类，实际上，class 只是一种语法糖，它是构造函数的另一种写法。用法和使用构造函数一样，通过 new 来生成对象实例

JS基于原型的类，一直被转行前端的码僚们大呼惊奇，但接近传统模式使用class关键字定义的出现，ES6的class只是个语法糖，其定义生成的对象依然构造函数。不过为了与构造函数模式区分开，我们称其为类模式。

mixin一般翻译为“混入”、“混合”， 早期一般解释为：把一个对象的方法和属性拷贝到另一个对象上；Mixin是一种思想，用来实现代码高度可复用性，又可以用来解决多继承的问题，是一种非常灵活的设计模式

ES6 提供了更接近传统语言的写法，引入了 class（类）这个概念，作为对象的模板。通过class关键字，可以定义类