面向对象

强颜欢笑 提交于 2019-11-26 20:07:18

面向对象是一种思维 方式,我们生活中的一切事务都可以看成是一个对象,面向对象就是让我们以人类的角度去看待程序,这样更能帮助我们去写出程序来。

对象就是封装了一个事务的属性和方法的程序结构。

对象本质:js中的一切对象的底层都是关联数组
每个属性/方法 都是关联数组中的元素value
 每个方法名/属性名,都是关联数组中的key

如何创建对象?

1 使用对象的直接量

var obj = {
属性名:属性值,
...:...,
方法名:function(){
..
this.属性名...
this.方法名()..
},

这里的this就是用来引用正在调用函数的对象的,

只要是在对象中想要用到对象中的属性或方法都得加上this,因为不加上this的变量只会在自己的作用域链中查找不去对象中查找

2、使用new:2步 在创建对象是,暂时不知道对象的成员
var obj = new Object();//创建一个空对象 简写 new Object 或Object()
 向空对象中添加属性和方法
 obj.属性名= 属性值
 obj.方法名=function(){...this.属性名...}

3 通过构造函数来创建对象,适用于要创建多个有共同属性的对象时

首先定义构造函数(最好用大写字母开头)

function 类型名(属性参数列表){

this.属性名 = 属性参数值;
....;
this.方法名 = function(){
...this.属性名....
}

然后再用new调用构造函数,传入具体对象的属性值

var obj = new 类型名(属性值列表);

new干的的四件事

1、创建新的空对象
2、用new创建子对象时,会自动设置子对象的__proto__继承构造函数的prototype
 3、用新对象去调用构造函数
 new的功能将构造函数中的this指新对象
 向新对象中添加构造函数规定的属性
 将属性参数的值,保存到新对象的新属性中
 向新对象添加构造 函数规定的方法
4、将新对象的地址保存在变量

每一个构造函数都有一个prototype属性,指向了他的原型对象,原型对象是构造函数自带的,里面存放着子对象都能够使用的API,

那么子对象为什么能够使用这个原型对象中的API呢,前面说到了new关键字,就是new关键字让子对象的_proto_继承了构造函数的prototype

_proto_是对象中的一个属性,他继承了构造函数的prototype也指向了原型对象,所以能用原型对象中的API。

 

构造函数可以我们自己创建也能有JS自带的

凡是可以new的类型,都是构造函数

每个内置对象的构造函数都对应一个内置的原型对象
内置类型的原型对象保存了该类型各种的共子对象使用的API 且这些是共有的。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!