JavaScript中面向对象,构造函数以及原型

一,什么时面向对象
对于和过程代码的封装
编程思路 解决问题的方法
任何一个事物都是一个对象,在这个对象中包含 属性和方
二,面向对象 的好处
面向对象的好处在于可以把具有相同属性和 方法进行封装,
在我们具体需要的时候只需要实例化即可
构造出一个实际事物,方便开发,以及程序维护
三,面向对象的好处
包含 三大特征:
封装:即把能够实现功能的函数写成封装起来,在面向对象里叫做方法。简单来说就是把实现功能的函数写成方法。
继承:继承的意思是,在实现同一种功能的前提下,新对象可以使用就对象的属性和方法。
多态:一个变量在引用不同类型的情况下的不同状态。多态开发在开发组件和模块化开发的时候能节省很多资源。
四,构造函数是什么?
使用new来创建对象时,对应的函数就是构造函数。

var Map{
this.width=200;
this.height=200;
this.div=null;
this.display(){
this.div=document.CreateAttribute(‘div’);
this.div.style.width=this.width+‘px’;
this.div.style.height=this.height+‘px’;

}
}
window.οnlοad=function(){
var map;
map=new Map();
this.display();
}

通过对象来调用时就是普通函数。
五,构造函数的执行过程
简单的:
1.创建一个新对象
2.this 指向这个新对象
3.执行代码,即对 this 赋值
4.返回 this
六,构造函数的使用注意事项
通过直接调用和new 构造函数:
直接调用构造函数是把里面对应的属性和方法直接添加到window对象上
而new 构造函数的形式则直接添加到对应的实例上面。
如果都添加到window对象上,容易重名和被覆盖,而且js查找起来也比较慢些。
可以判断this是不是函数的实例来判断
七,什么是原型
每一个函数在定义的时候,都会有跟它关联的一个对象被创建出来
每一个由构造函数创建出来的对象,都会默认的和构造函数的神秘对象关联
当使用一个方法进行属性或者方法访问的时候,会先在当前对象内查找该属性和方法,如果当前对象内未找到,就回去跟它关联的神秘对象内进行查找。
八,原型的作用
原型的作用一:数据共享,节省空间
在函数作为构造函数时,在构造函数内部用this.method
初始化对象方法会使得每一个实例化出来的对象都有一个相同的但是占用不同内存的方法
原型的作用二:继承 在子类构造函数中借用父类构造函数,再通过原型继承父类的原型属性和方法,模拟继承的效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值