码迷,mamicode.com
首页 > Web开发 > 详细

JS原型

时间:2015-10-06 18:08:24      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:

原型与类

类是一个抽象的,可以构造对象,就是一个抽象到具体的过程。一般用new。


原型:是一个具体到具体的过程。
使用现有的对象,去构造一个新的对象。

有两种方法从原型来构造对象。

(1) Object.create();

Object.create(proto, [propertiesObject])
- proto 一个对象,作为新创建对象的原型。
- properiesObject 对象的属性定义。

每个实例对象都有一个 __proto__属性指向原型,公用其中的方法和属性。
这个属性是一个隐私属性,不可以被修改。

 

<script type="text/javascript">
	var A = {
		name : ‘aaa‘,
		start : function () {
			console.log(‘%s start ‘, this.name);
		},
		end : function () {
			console.log(‘%s end ‘, this.name);
		}
	}

	var aaa = Object.create(A);
	aaa.start();            // aaa start
	aaa.logo = ‘first‘;		//创建新的属性

	var bbb = Object.create(A);
	bbb.start();            // aaa start
	bbb.logo = ‘second‘;

	console.log(aaa.logo + " " + bbb.logo);    // first second

</script>

 

(2) 构造函数

函数有一个prototype属性。
使用构造函数创建对象,每个对象都有一个原型,就是prototyoe这个属性。
用new创建对象,就是构造函数

 

 

function Person (name) {
	this.name = name;
}

Person.prototype = {
	start :function() {
		console.log(‘%s start‘, this.name);
	},
	run : function () {
		console.log("%s is running...", this.name);
	}
}

var lily = new Person(‘lily‘);
var tom = new Person(‘ton‘);


lily.run();		//lily is running...
tom.run();		//ton is running...

 

new 创建一个对象分为三步。
(1)首先,创建一个lily的Person的对象
(2)设置lily的_porto_的这个属性,指向Person.prototype。
(3)Person.call(lily, arguments);使用Person类去初始化lily对象。(看,这里最后还是用call来改变this创建对象的。)

 

型链--实例


对象的原型链从最下层的对象,到最高的Object.prototype,截至。
并且就近原则。找到最近的进行操作。

对象的操作,无论是修改还是删除属性,都不会对原型上面进行影响。


hasOwnProperty:方法,来源于Object.prototype上面。
判断传入的属性是不是对象自身的属性。
传入的属性如果返回时假,要么属性在原型上面,要么不存在。

lily.hasOwnProperty(‘name‘); // true
lily.hasOwnProperty(‘logo‘); // false


函数也是对象 来源于 Function() { }
而Function自己也有_proto_ , 最终指向Object.prototype.

 

JS原型

标签:

原文地址:http://www.cnblogs.com/hgonlywj/p/4857389.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!