JavaScript构造函数和原型链

创建对象的3种方法

创建对象可通过以下3种方式:
1.对象字面量
2.new Object()
3.自定义构造函数

1. 利用对象字面量创建对象

var obj1 = {};

2. 利用new Object()创建对象

var obj2 = new Object();

3. 1 利用构造函数创建对象

function Person(name, id){//构造函数首字母要大写
 this.name = name;
 this.id = id;
 this.fun = function(){
 	console.log('hello');
 }
}
var obj3 = new Person('bill',3);

3.2构造函数
构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new一起使用。我们可以把对象种一些公共的属性和方法抽取出来,然后封装到这个函数里面。

new在执行的时候会做4件事:
1.在内存中创建一个新的空对象。
2.让this指向这个新对象。
3.执行构造函数里面的代码,个这个新对象添加属性和方法。
4.返回这个新对象(所以构造函数里不需要return)。

在构造函数中的属性和方法我们统称为成员,分为实例成员和静态成员。
1.实例成员:构造函数内部通过this添加的成员,只能通过实例化的对象来访问。
2.静态成员:在构造函数本身上添加的成员,只能通过构造函数来访问。

Person.age = 20;

构造函数原型prototype

	JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。
	我们可以把那些不变的方法,直接定义在prototype对象上,这样所有的实例对象就可以共享这些方法。
Person.prototype.foo = function(){
	console.log('hi');
};
obj3.foo();

对象原型__proto__

	对象都会有一个属性__proto__指向构造函数的prototype,对象之所以可以使用构造函数prototype的属性和方法,就是因为对象有__proto__的存在。
	__proto__和prototype是等价的。

constructor构造函数

	__proto__和prototype里面都有一个constructor属性,我们称之为构造函数,因为他指回构造函数本身。
	constructor主要用于记录该对象引用于哪个构造函数,它可以让原型对象重新指向原来的构造函数。
//当为prototype添加多个函数时,有时会直接将一个包含多个函数的对象赋给prototype
Person.prototype = {
	fun:function(){},
	foo:function(){}
};
//但这样做之后prototype就丢失了constructor属性,不再指向Person构造函数了
//此时需要手动添加constructor属性
Person.prototype = {
	constructor:Person,
	fun:function(){},
	foo:function(){}
};

原型链

在这里插入图片描述

js的成员查找机制

即沿着原型链查找。

1.当访问一个对象的属性(方法)时,首先查找该对象自身有没有该属性(方法)。
2.如果没有则查找它的原型(__proto__指向的prototype)。
3.如果还没有就查找原型的原型(开始套娃)。
4.依次类推直到找到Object为止(null)。

构造函数与原型对象的this指向

构造函数与原型对象函数里的this均指向实例对象,即调用者。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值