class="markdown_views prism-atom-one-dark">

class是es6新出的关键词，方便我们快速建立类和继承的关系，es6以前我们都是使用function构造函数模拟类
本文讲述了function构造函数和类中定义属性方法的对应关系，主要有以下四点
1.实例属性
2.实例方法
3.原型方法
4.静态方法

类中定义

class="prism language-class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript">class="token keyword">class class="token class-name">Dog1class="token punctuation">{
            class="token function">constructorclass="token punctuation">(class="token punctuation">)class="token punctuation">{
                class="token comment">//实例属性,类不可读
                class="token keyword">thisclass="token punctuation">.name1class="token operator">=class="token string">'escaay'
                class="token comment">//实例方法，类不可读
                class="token keyword">thisclass="token punctuation">.class="token function-variable function">Hiclass="token operator">=class="token keyword">functionclass="token punctuation">(class="token punctuation">)class="token punctuation">{
                    consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'hi'class="token punctuation">)class="token punctuation">;
                class="token punctuation">}
            class="token punctuation">}
            class="token comment">//原型方法
            class="token function">sayclass="token punctuation">(class="token punctuation">)class="token punctuation">{
                consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'say'class="token punctuation">)class="token punctuation">;
            class="token punctuation">}
            class="token comment">//静态方法
            class="token keyword">static class="token function">barkclass="token punctuation">(class="token punctuation">)class="token punctuation">{
                consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'狗叫'class="token punctuation">)class="token punctuation">;
            class="token punctuation">}
        class="token punctuation">}
        class="token keyword">let dog1class="token operator">=class="token keyword">new class="token class-name">Dog1class="token punctuation">(class="token punctuation">)
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog1class="token punctuation">.nameclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog1class="token punctuation">.Hiclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog1class="token punctuation">.sayclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog1class="token punctuation">.barkclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'------------'class="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog1class="token punctuation">.name1class="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog1class="token punctuation">.Hiclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog1class="token punctuation">.sayclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog1class="token punctuation">.barkclass="token punctuation">)class="token punctuation">;

结果打印

构造函数中定义

class="prism language-class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript">class="token keyword">function class="token function">Gog2class="token punctuation">(class="token punctuation">)class="token punctuation">{
            class="token comment">//实例属性,类不可读
            class="token keyword">thisclass="token punctuation">.nameclass="token operator">=class="token string">'escaay'
            class="token comment">//实例方法，类不可读
            class="token keyword">thisclass="token punctuation">.class="token function-variable function">Hiclass="token operator">=class="token keyword">functionclass="token punctuation">(class="token punctuation">)class="token punctuation">{
                    consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'hi'class="token punctuation">)class="token punctuation">;
                class="token punctuation">}
                class="token comment">//下面这个函数只能在内部取用，无论是类还是实例都不能调用他
                class="token keyword">function class="token function">innerFunclass="token punctuation">(class="token punctuation">)class="token punctuation">{

                class="token punctuation">}
                class="token comment">//下面的属性也是
                class="token keyword">let abcclass="token operator">=class="token string">'123'
        class="token punctuation">}
        class="token comment">//原型方法
        class="token class-name">Dog2class="token punctuation">.prototypeclass="token punctuation">.class="token function-variable function">sayclass="token operator">=class="token keyword">functionclass="token punctuation">(class="token punctuation">)class="token punctuation">{
            consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'say'class="token punctuation">)class="token punctuation">;
        class="token punctuation">}
        class="token comment">//静态方法
        Dog2class="token punctuation">.class="token function-variable function">barkclass="token operator">=class="token keyword">functionclass="token punctuation">(class="token punctuation">)class="token punctuation">{
            consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'bark'class="token punctuation">)class="token punctuation">;
        class="token punctuation">}
        class="token keyword">let dog2class="token operator">=class="token keyword">new class="token class-name">Dog2class="token punctuation">(class="token punctuation">)
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog2class="token punctuation">.nameclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog2class="token punctuation">.Hiclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog2class="token punctuation">.sayclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(dog2class="token punctuation">.barkclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(class="token string">'------------'class="token punctuation">)class="token punctuation">;
         class="token comment">//类或者构造函数自带name属性，返回类的名字，例如Dog2.name返回'Dog2'
         class="token comment">//但是作者水平有限，还不明白这个name挂载的位置
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog2class="token punctuation">.name1class="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog2class="token punctuation">.Hiclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog2class="token punctuation">.sayclass="token punctuation">)class="token punctuation">;
        consoleclass="token punctuation">.class="token function">logclass="token punctuation">(Dog2class="token punctuation">.barkclass="token punctuation">)class="token punctuation">;

结果打印