Js高阶:构造函数

一、构造函数的实例成员和静态成员

1.1 实例成员

实例成员就是在构造函数内部添加的成员,只能由实例化的对象来访问

1.2 静态成员

在构造函数本身上添加的成员, 只能由构造函数本身来访问

二、构造函数的原型prototype

prototype是一个对象属性, 其属性值为对象, 称为原型对象

JavaScript规定, 每一个构造函数都有一个prototype属性

  1. prototype是一个对象属性, 其值为对象, 成为原型对象
  2. 可以通过prototype来添加新的属性和方法, 此时所有该构造函数创建的实例对象都会具有这些属性和方法
  3. 由该构造函数创建的对象会默认链接到该属性上

语法

  1. 构造函数.prototype.属性名 = 值;
  2. 构造函数.prototype.方法名= function(){定义方法体};

我们可以把那些不变的方法, 直接定义在prototype对象上, 这样所有的对象的实例就可以共享这些方法。

三、constructor构造函数

对象原型和构造函数原型对象里面都有一个属性contructor属性, constructor我们称为构造函数 , 因为它指回构造函数本身。
contructor 主要用于记录该对象引用哪个构造函数 , 它可以让原型对象重新指向原来的构造函数。

四、原型链

当访问一个对象的某个属性时, 会先在这个对象本身属性上查找, 如果没有找到, 则会去它的__proto__上查找, 即它的构造函数的prototype, 如果还没找到就会再在构造函数的prototype的__proto__中查找, 这样一层一层向上查找就会形成一个链式结构, 我们称为原型链。

五、原型链查找方法

  1. obj.hasOwnProperty(prop)方法
    可以判断一个属性定义在对象本身而不是继承原型链的方法, 主要用于判断某个对象中是否有某个属性,返回值为布尔值。
  2. Object.prototype.isPrototypeOf(Object)方法
    isPrototypeOf方法接收一个对象, 用来判断当时在对象是否在传入的参数对象的原型链上, 返回一个布尔值。

六、构造函数实例和原型对象三角关系

  1. 构造函数的prototype属性时构造函数原型对象
  2. 实例对象是由构造函数创建的, 实例对象的__proto__属性指向了构造函数的原型对象
  3. 构造函数的原型对象的constructor属性指向了构造函数, 实例对象的原型constructor属性也指向了构造函数

七、通过原型为数组扩展内置方法

Array.protptype.sun = function(){
	var sun = 0;
	for(var i =0 ; i< this.length ; i++){
		sun+=this[i];
	}
	return sum;
}
//此时数组对象中已经存在sum()方法了 可以使用数组.sum()进行数组的求和
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值