PPT:JSOOP深入理解对象,定义类和属性,继承封装和多态,搭建自己的框架【诗书画唱】
目录:
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方法









