JavaScript笔记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript笔记相关的知识,希望对你有一定的参考价值。

面向对象

对象: 1.描述现实中一个具体事物的属性和功能的程序结构
事物的属性会成为对象的属性
事物的功能会成为对象的方法
2. 内存中同时存储多个数据和方法的一块存储空间。
面向对象: 在程序中,都是先用对象封装一个事物的属性和功能。然后,再调用对象的方法,来执行任务。
为什么: 符合人日常的习惯。


如何使用: 2步:
1.创建对象——封装: 2个
1.创建一个单独的对象:
1.对象直接量:
var obj={
属性名:属性值,
... : ...,
方法名:function(){...}
}
何时使用:如果创建对象时,已经知道对象的所有属性和方法时。
对象的属性和方法,统称为对象的成员
对象中的每个成员名都是字符串类型
但是,可省略""
问题: 对象的方法中,不能写死对象的属性值
解决: 在对象的方法中,直接访问当前对象自己的属性
this关键词: 专门用在对象的方法中,用来指代正在调用方法的当前对象本身。
其实就是调用方法时,点"."前的对象
总结: 只要在对象的方法中,访问对象自己的属性,必须用this.属性名


2.用new关键词:
var obj=new Object();//创建空对象
={}
obj.属性名=值;
obj.方法名=function(){
...
}
何时使用: 创建对象时,还不知道对象的属性和方法,需要后续动态添加。


js中一切对象都是关联数组
相同: 1. 属性名都是字符串,不可重复
2. 随时添加新属性和方法
3. 可用for in遍历
2.批量创建多个相同结构的对象


2步:
1. 定义构造函数:
构造函数:专门定义一类对象统一结构的特殊函数。
为什么: 代码重用
何时使用:今后,只要反复创建多个相同结构的对象前,都要用构造函数先定义统一的结构。
如何定义:
function 类型名/构造函数名(属性参数,..){
//this:当前正在创建的空对象
//向当前空对象中添加新的属性
this.属性名=属性参数;
//向当前空对象中添加新的方法
this.方法名=function(){
...
}
}


2. 用new调用构造函数创建新对象:
var obj=new 构造函数名(属性值);

 

new: 4件事
1.创建一个空对象
2.设置新对象的__proto__继承构造函数的原型对象。
3.用当前新对象调用构造函数,向对象中添加属性和方法。
4.将新对象地址,返回给变量保存。
解决: 继承:
面向对象三大特点: 封装 继承 多态
继承: 父对象的成员,子对象不必重新创建,就可直接使用。
js中的继承都是用过原型对象实现的
原型和原型链:
原型:保存一类对象,共有成员的父级对象
为什么: 为了实现继承,
优: 代码重用和节约内存
何时使用:只要一类对象共有的成员,都必须集中定义在原型对象中一次即可。
如何使用:
创建: 在定义构造函数时,js会自动创建该类型的原型对象
向原型对象中添加共有成员:
构造函数.prototype.成员名=值

内置对象的原型对象:
解决浏览器的兼容性问题:
如果需要的API,在指定类型的原型对象中不存在,说明不支持
就要在该类型的原型对象中添加所需的共有成员。
其中,在API内部,用this获得当前正再调用API的点前的对象

原型链: 由各级父对象,逐级继承形成的链是结构。
控制着对象成员(属性和方法)的使用顺序:
优先使用对象本地的成员——自有属性
如果本地没有,才延原型链向上查找各级父对象。直到找到为止。——共有属性
如果整个原型链上没有,才返回undefined

判断成员是自有属性,共有属性:
1. 判断自有属性:
var bool=obj.hasOwnProperty("属性名")
判断"属性名"是否是obj的自有属性
保存在obj对象本地。
是自有属性,返回true,否则返回false
2. 判断共有属性:
问题:不是自有属性:
1. 可能在原型链上
2. 也可能根本没有
解决:不是自有,且可以访问到
!obj.hasOwnProperty("属性名")
&&obj.属性名!=undefined

如何修改自有属性和共有属性:
自有属性,只能用所在的对象去修改
共有属性,必须通过原型对象去修改
如果强行使用某个子对象,修改共有属性
后果: 仅在当前子对象添加同名自有属性
导致:当前子对象无法再使用共有属性
删除属性: delete 对象.属性

亲子鉴定:
1.用原型对象检查
var bool=father.isPrototypeOf(child)
判断child是否继承自father
father是否在child的原型链上
如果father在child的原型链上,返回true
否则返回false
2.用构造函数检查
var bool=child instanceof 构造函数
判断child是否是构造函数创建出来的子对象。
补:instance实例:用一个构造函数创建出的一个子对象,就称为子对象是构造函数的实例。
var obj=new 构造函数();
实例化一个"构造函数"类型的对象
var obj=new Array();
var dt=new Date();
多态: 同一个函数,在不同情况下,表现出不同的状态。
重写(override):如果子对象,觉得父对象的成员不好用,就可在子对象本地,重新定义同名成员,来覆盖父对象的成员

call: 强行借用一个本来无法调用到的函数
目标函数.call(obj)
执行时: 相当于obj.目标函数

 
























































































































以上是关于JavaScript笔记的主要内容,如果未能解决你的问题,请参考以下文章

Java程序猿的JavaScript学习笔记(1——理念)

JavaScript学习笔记(12)——JavaScript内置对象

JavaScript学习笔记——JavaScript语法之对象

[JavaScript] 学习笔记-JavaScript基础教程

JavaScript学习笔记——JavaScript语法之函数

JavaScript-00-笔记