javascript的prototype

函数也是一个对象,所有函数都有一个prototype属性,在函数定义的时候被创建和初始化。prototype初始为一个对象,拥有一个constructor属性,该属性指回拥有该prototype属性的函数对象。

每个对象都包含一份其构造函数对象的prototype属性对象的属性的浅拷贝

例:var o = new O(); O.prototype.p = 5; o.p是O.prototype.p的浅拷贝

即:对象o包含一份其构造函数对象O的prototype属性对象的属性p的浅拷贝

简化:实际就是将prototype替换成了o,故由prototype调用函数时,实际就是o调用,所以可用this

// 模拟prototype
		// 当函数被定义的时候
		function __sys__initFunctionObject(funcObj){
			// 1.函数对象都有个初始化为对象的prototype属性
			funcObj._prototype = new Object();
			funcObj._prototype.constructor = funcObj;
		}
		// 当prototype对象的属性变更的时候
		function __sys__copyPrototype(funcObj, obj){
			for(var name in funcObj._prototype){// 3.浅拷贝
				obj[name] = funcObj._prototype[name];
			}
		}
		__sys__initFunctionObject(Sxx); // 不可见
		function Sxx(){
			__sys__copyPrototype(Sxx, this); // 不可见
		}
		Sxx._prototype.id = 1; // 2.为prototype属性对象添加属性
		var s = new Sxx();
		console.log(s);

时间: 2024-10-13 12:16:44

javascript的prototype的相关文章

在 JavaScript 中 prototype 和 __proto__ 有什么区别

本文主要讲三个 问题 prototype 和 proto function 和 object new 到底发生了什么 prototype 和 proto 首先我们说下在 JS 中,常常让我们感到困惑的地方,就是 prototype 和 __proto__ 到底是干嘛的 1. __proto__ 就是 Javascript中 所谓的原型 (这里,我们还是拿具体的例子来说明吧) function A (name) { // 这里是一个构造函数 thia.name = name } var Aobj

javascript继承—prototype属性介绍(2)

js里每一个function都有一个prototype属性,而每一个实例都有constructor属性,并且每一个function的prototype都有一个constructor属性,这个属性会指向自身.这会形成一个非常有意思的链式结构.举例如下: function Person(){ this.name =12; } console.log(Person.prototype); console.log(Person.prototype.constructor);//输出Person,指向自身

javascript继承—prototype最优两种继承(空函数和循环拷贝)(3) - jssl915

一.利用空函数实现继承 参考了文章javascript继承-prototype属性介绍(2) 中叶小钗的评论指点,对这篇文章中的方案二利用一个空函数进行修改,可以解决创建子类对象时,父类实例化的过程中特权属性和特权方法,私有属性,私有方法的空耗资源问题. function Person(name,age){ this.name = name; this.age = age; } Person.prototype = { constructor:Person, sayHi:function(){

为什么要设置Javascript对象prototype的constructor

最近读了一篇关于Javascript面向对象编程的文章,里面介绍了Javascript中的类,对象,属性,方法,构造函数,继承,封装,抽象和多态性.读完之后感觉受益匪浅,对Javascript有了进一步的认识.文章的地址在这里. 在讲到继承的时候,文章里面用了如下的例子 // define the Person Class function Person() {} Person.prototype.walk = function(){ alert ('I am walking!'); }; Pe

javascript的prototype经典使用场景

prototype的经典使用场景就是为对象增加属性和方法,如给自定义的Man对象增加个姓名属性和语言方法: function man() { this.age = "22"; } var tom = new man(); man.prototype.name = "tom"; man.prototype.say = function () { alert("english"); }; alert(tom.name); tom.say(); 结果:

关于Javascript的prototype

Javascript中的每个对象(object)都会有 prototype .试一下: var Richard = new Object(); alert(typeof(Richard.prototype)); 结果令人郁闷,浏览器弹出来的是 undefined-- 到底是怎么回事呢? 再看一个例子: function Richard(){} alert(typeof(Richard.prototype)); 上面的例子似乎说明,只有 function 对象才有 prototype, 而一般的

javascript Date.prototype

Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds()

理清javascript中prototype、__proto__、Object、Function的关系,更好地理解原型继承

本文参考了http://www.blogjava.net/heavensay/archive/2013/10/20/405440.html这篇文章,对其内容作了个简单总结,形成了几条简单的结论,让读者更容易记住prototype.__proto__.Object.Function之间的关系. 结论1:Object.prototype只是一个普通对象,它是js原型链的最顶端. (typeof Object.prototype) === object;//true Object.prototype.

javascript原型Prototype

在javaScript创建对象一文中提到过:用构造函数创建对象存在一个问题即同一构造函数的不同实例的相同方法是不一样的,所以我们用原型把构造函数中公共的属性和方法提取出来进行封装,达到让所有实例共享的目的. 接下来进一步介绍javaScript原型. 一.javaScript原型机制 1.函数与原型的关系 js中创建一个函数,就会自动创建一个prototype属性,这个属性指向函数的原型对象,并且原型对象会自动获得一个constructor(构造函数)属性,指向该函数. 举例:以前面的原型模式创

javascript 之 prototype继承机制

理解Javascript语言的继承机制 javascript没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承. 1.引言 1994年,网景公司急需一种网页脚本语言,使得浏览器可以与网页互动.工程师Brendan Eich 负责开发这种新语言.他觉得,没必要设计得很复杂,这种语言只要能够完