资讯专栏INFORMATION COLUMN

JS基础入门篇(三十六)—面向对象( 三 )

MiracleWong / 2462人阅读

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

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

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

    

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

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

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

相关文章

  • JS基础入门十六)—面向对象

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

    acrazing 评论0 收藏0
  • JS基础入门十六)—面向对象

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

    diabloneo 评论0 收藏0
  • JS基础入门五)—面向对象(二)

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

    hedzr 评论0 收藏0
  • JS基础入门五)—面向对象(二)

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

    gyl_coder 评论0 收藏0
  • JS基础入门五)—面向对象(二)

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

    Donne 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<