博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS基础入门篇(三十六)—面向对象( 三 )
阅读量:5791 次
发布时间:2019-06-18

本文共 961 字,大约阅读时间需要 3 分钟。

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

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

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

转载地址:http://fqwfx.baihongyu.com/

你可能感兴趣的文章
qml demo分析(clocks-时钟)
查看>>
vue去掉#——History模式
查看>>
2018年7月第一周网站建站笔记
查看>>
MongoDB工具MagicMongoDBTool使用介绍(一) -- 简单MongoDB入门
查看>>
javascript的事件
查看>>
201521123009 《Java程序设计》第1周学习总结
查看>>
年终述职--常见问题分析解答
查看>>
在mui中创建aJax来请求数据..并展示在页面上
查看>>
spring 之AOP
查看>>
总结 15/4/23
查看>>
Windows 7环境下网站性能测试小工具 Apache Bench 和 Webbench使用和下载
查看>>
C#常见错误解决方法
查看>>
安装cnpm (npm淘宝镜像)
查看>>
Java 面向对象(基础) 知识点总结I
查看>>
读书笔记《自控力》
查看>>
ceph集群搭建Jewel版本
查看>>
HttpClient 解释
查看>>
在Button上面显示图片,去掉Button的默认样式
查看>>
区域生长算法
查看>>
hive学习2(Navicat连接hive)
查看>>