欢迎光临散文网 会员登陆 & 注册

PPT:JSOOP深入理解对象,定义类和属性,继承封装和多态,搭建自己的框架【诗书画唱】

2021-04-19 09:34 作者:诗书画唱  | 我要投稿

目录:




JSOOP1-深入理解对象.ppt

JSOOP2-定义类和属性.ppt

JSOOP3-继承封装和多态.ppt

JSOOP4-搭建一个自己的框架.ppt


JSOOP1-深入理解对象.ppt

JSOOP

深入理解对象

本章目标

对象的属性类型

数据属性

访问器属性

JS中的对象本质

对象的本质可以理解为属性的集合,对象的属性包括:  

1、数据属性 : 它包含的是一个数据值的位置,可以对数据值进行读写

2、访问器属性 : 这个属性不包含数据值,包含的是一对get和set方法,在读写访问器属性时,就是通过这两个方法来进行操作处理的

数据属性

数据属性的四大特性:

1、value:值

2、writable:表示是否可写,默认true,如果为false,则表示当前属性只读,不能修改。

3、enumerable:表示是否为可枚举,默认true,如果为false,则在for...in中不会被遍历。

4、configurable:表示是否为可配置的,默认true,如果为false,则不能够删除修改,而且不能够再改回true。

Object对象的两个方法

Object.getOwnPropertyDescriptor(obj,"属性名"):得到给定obj对象的指定属性的特性, 返回值为一个对象

Object.defineProperty(obj , 属性名 ,  { 特性 }):如果Obj对象中包含指定属性,则修改现有属性的值,如果obj中不包含指定属性,则在obj中自动添加新属性。

注意:属性在创建对象时就定义好了,所有特性的默认值都为true,而当使用defineProperty添加的属性,特性的默认值都为false。

严格模式

   use strict指令表示指定代码在严格条件下执行

严格模式下不可以使用with

严格模式下,变量必须声明

严格模式下,this默认是undefined而不是window

严格模式下,为只读变量和不可扩展对象赋值会报错

严格模式下,函数的形参不可以同名

严格模式下,不可以使用caller和arguments的属性,会报错

获取对象指定属性的特性




访问器属性

访问器属性是专门保护数据属性的特殊属性,不实际存储数据。

访问器分为getter和setter访问器。

1、get方法负责读取变量的值,当试图通过访问器属性取值时,会自动调用get特性的函数

2、set方法负责修改变量的值,当试图通过访问器属性设置值时,会自动调用set特性的函数

如果省略set特性,则该属性为只读

访问器属性的四大特性

get : function(){return 局部变量}

set : function(value){局部变量=value}

enumerable:可枚举,用法同数据属性

configurable:可配置 ,用法同数据属性


总结

通过修改属性的四大特性来保护属性

数据属性可以控制对象属性的只读,遍历或删除特性

访问器属性可以通过自定义逻辑来设置和获取变量的值。


JSOOP2-定义类和属性.ppt

JSOOP

定义类和属性

本章目标

定义类和属性

通过一系列特性、行为对事物的特征进行描述。

在类定义中,通过属性(数据)描述事物的特性,通过方法(操作)描述事物的行为。

定义私有的属性

定义受保护的属性

公有属性和方法

原型属性和方法

类静态属性和方法

JSOOP3-继承封装和多态.ppt

JSOOP

继承、封装和多态

本章目标

理解JS中的继承

理解JS中的封装

理解JS中的多态

继承的概念

若多个事物具有很多相似的特性和行为,可以通过对基础的描述进行扩充,而不需要重新描述。

派生出的类就像继承者,它不但获得被继承者的所有财产,而且也拥有自己的财产。

继承(一)

继承(二)

封装的概念

对事物描述的具体细节(隐私)被隐藏起来,而仅仅透露出事物的表面信息。


多态

事物衍生出来的,具有相似特性和行为的其它事物,在针对这些事物进行描述时,都具有不同的特征。

JSOOP4-搭建一个自己的框架.ppt

JSOOP

搭建一个自己的框架

本章目标

用JSOOP的思想搭建一个JS框架

查看jQuery源代码

工具网站:http://www.css88.com/tool/jQuerySourceViewer/

外部可以调用的唯一函数$

初始化

处理myQuery函数的返回结果,当调用myQuery函数时依然返回myQuery自己。

Array.prototype.push.apply的用法

实现选择器

实现继承

添加静态方法

实现foreach方法

实现css方法


PPT:JSOOP深入理解对象,定义类和属性,继承封装和多态,搭建自己的框架【诗书画唱】的评论 (共 条)

分享到微博请遵守国家法律