JS中的原型与原型链简单分析

原型与原型链是JS中一个难点,也是其他语言不具有的特点之一。

1. 原型链作用:利用修改原型链的结构(增删改节点中的成员),使得实例对象可以使用整条原型链中的所有成员。

2. 对象的原型链:凡是对象都有原型;原型也是对象。原型总可以找到下面的原型,构成一个对象的序列,就称该结构为原型链。

3. 原型链结构:凡是使用构造函数创建出来的对象,并且没有利用赋值的方式修改原型,该对象保留默认的原型链。

默认对象的原型链:当前对象-->构造函数.prototype-->Object.prototype--->null

用一张图片说明原型

上图中,蓝色的框分别表示实例对象、构造函数、原型对象,黄色框表示对象具有的属性和方法。

1.通过构造函数可以创建实例对象(new Object)

2.构造函数具有prototype属性,构造函数.prototype可以访问到原型对象。

3.原型对象具有constructor构造器,可以指向构造函数。

    ~~~2与3说明构造函数和原型对象在创建的时候可以互相访问~~~

4.实例对象不能直接访问原型对象。实例对象可以访问原型对象中的constructor属性,进一步访问构造函数,通过structure.prototype访问原型对象。

处于同一层的构造函数-实例对象-原型对象遵循上述关系图,不同层次级别的原型都是对象,凡是对象都具有原型,原型总可以找到下一层的原型,从而形成原型链。对于Object.prototype属于顶层,下一层就是null。

function Student ( name , age ){
	this.name = name;
	this.age = age;
	}

Student.prototype = {
	sayHello:function(){
		console.log("hello");
		}
	};

var p = new Student("Mike",20);
//

2019-3-3 补充

构造函数、对象实例、对象原型的知识点很久没有复习了。简单说,通过构造函数可以创建新的对象。构造函数和原型对象可以通过属性互相访问。在ES6中,已经使用类(Class)来创建实例对象,使用构造函数创建对象基本不使用了。所以,需要学会新知识。JS面向对象的思维逐渐发展。已有的构造函数创建对象的方法要记住,知道内部的思想。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值