JS基础入门篇（三十六）—面向对象（三）

acrazing 发布于2019-08-22 18:25 / 2366人阅读

摘要：所以不会报错函数声明可以先调用再声明函数声明解析时，不会放到前面。所以会报错报错多个方法之间直接书写不需要隔开我会说话解析其中方法和方法之间并没有用逗给开。

1.class

class es6 中为关键字用来声明一个类

1.只能通过new调用
2.不存在变量提升
3.多个方法之间直接书写,不需要,隔开
4.类的方法是直接定义在类的原型上的
5.定义在类中的方法不可枚举
6.Object.keys() 和 Object.values()

下面是详细解释

1.只能通过new调用

2.不存在变量提升

3.多个方法之间直接书写不需要,隔开

解析：其中constructor方法和say方法之间并没有用逗给开。因为不是对象，所以不需要用逗号隔开。

4.类的方法是直接定义在类的原型上的

5.定义在类中的方法不可枚举

class P {
        constructor(name,age){
            this.name = name;
            this.age = age;
        }
        say(){ // 这个say 是 挂在 P 类 的原型上的方法
            console.log("我会说话.我的名字叫:"+this.name);
        }
    };
    
    var p1 = new P("kite",29);
    for( var attr in p1 ){
        console.log( attr );
        //运行结果为
        //name
        //age
    }

6.Object.keys()和Object.values()
除了通过for in来遍历对象中的属性，可以通过Object.keys()得到对象的属性名，可以通过Object.keys()得到对象的属性值

2.继承-extends

继承
    extends
注意:
    构造函数中调用super

举例说明

3.自定义属性

自定义事件
创建:new CustomEvent(事件名,事件对象设置参数);
事件对象设置参数 {bubbles:true}//是否设置冒泡
绑定:元素.addEventListener
触发:元素.dispatchEvent(自定义事件实例,事件名)

举例说明：

box

通过函数模拟自定义函数：

以面向对象的方式写自定义事件：

GPU云服务器云服务器 java面向对象基础三十六第三十六 js 面向对象视频

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95834.html

JS基础入门篇（三十六）—面向对象（三）

摘要：所以不会报错函数声明可以先调用再声明函数声明解析时，不会放到前面。所以会报错报错多个方法之间直接书写不需要隔开我会说话解析其中方法和方法之间并没有用逗给开。 1.class class es6 中为关键字用来声明一个类 1.只能通过new调用 2.不存在变量提升 3.多个方法之间直接书写,不需要,隔开 4.类的方法是直接定义在类的原型上的 5.定义在类中的方法不可枚举 6.Ob...

MiracleWong 2019-08-02 10:48 评论0 收藏0
JS基础入门篇（三十六）—面向对象（三）

摘要：所以不会报错函数声明可以先调用再声明函数声明解析时，不会放到前面。所以会报错报错多个方法之间直接书写不需要隔开我会说话解析其中方法和方法之间并没有用逗给开。 1.class class es6 中为关键字用来声明一个类 1.只能通过new调用 2.不存在变量提升 3.多个方法之间直接书写,不需要,隔开 4.类的方法是直接定义在类的原型上的 5.定义在类中的方法不可枚举 6.Ob...

diabloneo 2019-08-30 15:54 评论0 收藏0
JS基础入门篇（三十五）—面向对象（二）

摘要：如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的基础入门篇三十四面向对象一如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的JS基础入门篇（三十四）—面向对象（一）

hedzr 2019-08-22 18:21 评论0 收藏0
JS基础入门篇（三十五）—面向对象（二）

摘要：如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的基础入门篇三十四面向对象一如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的JS基础入门篇（三十四）—面向对象（一）

gyl_coder 2019-08-02 10:46 评论0 收藏0
JS基础入门篇（三十五）—面向对象（二）

摘要：如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的基础入门篇三十四面向对象一如果没有面向对象这种抽象概念的小伙伴，建议先看一下我写的JS基础入门篇（三十四）—面向对象（一）

Donne 2019-08-30 15:53 评论0 收藏0