function Person() {
} //声明Person对象
Person.prototype.name = 'xiaoMing' //在Person原型上添加name属性,属性值为'xiaoMing'
var person1 = new Person() //创建实例person1
person1.age = 18 //在person1上添加属性age,也就是你说的自身属性
person1.name = 'John' //在person1上添加属性name,这个也算,在实例上添加与原型同名的属性则会覆盖掉原型上的同名属性
// 最简单的使用hasOwnProperty()方法判断属性是一个实例属性(自身属性)还是原型属性
alert(person1.hasOwnProperty('age'))//true
alert(Person.hasOwnProperty('age')) //false
// 使用delete操作符可以完全删除自身属性
alert(person1.name) //John
delete person1.name
alert(person1.name) //xiaoMing
1.原型是 function对象的一个属性,是构造函数构造出对象的公有祖先,而原型本身也是一个对象。
2.从原型的概念出发,我们可以用构造函数构造出的对象提取原型上的属性。
3.因为原型也是一个对象,所以原型本身对自己的属性有增删改查的权利。
4.对象如何知道自己的原型是谁,可以通过对象中的_ proto_ 属性查看,_ proto_ 属性存的就是对象的原型,他是作为对象与原型之间的连接。
5.构造函数构造的对象如何查看是谁构造出自己的,可以通过constructor属性
首先从原型的定义开始解释:
原型是function对象的一个属性,这句话如何理解?
1.function函数其实就是一个对象,当你构造出一个函数时,这个函数对象就有了自己隐式的属性,prototype就是其中的一个属性。
那么先构造出一个函数,在控制台查看,函数对象是否有prototype,并且prototype是否也是一个对象。
我们在控制台中给father的prototype属性添加name属性并赋值,看看是否有效?
给prototype添加属性后,并可以输出name的值。那么也是可以给prototype添加方法的。
给prototype添加say方法实现输出自己的name,执行say(),的确输出了'haha'
2.我们如何理解,prototype是构造函数构造出对象的公有祖先?
首先当构造出函数时prototype就成为了这个函数的属性,并且prototype也可以添加属性和方法,而构造函数构造出的对象能继承构造函数中的方法,且这个对象自身也能添加属性和方法?
那么问题来了?
当我查看对象的name属性时,对象并没有这个属性,那他就会自动去构造出自己的函数中去找是否有这个属性,那当构造函数也没这个属性时,他就会去自己的原型上查找是否有这个属性,如果原型上存在name属性,对象就会获取到这个属性并输出。
而这个获取到原型属性的过程,其实就是一种继承的方式。
举例:
1.prototype是function对象的一个属性;
2.prototype是构造函数构造出对象的公有祖先;
3.prototype也是一个对象。
从总结的第三点可以知道,prototype可以拥有自己的属性和方法,并有权进行增删改查,那么接下来展示prototype如何进行增删改查。
对Mom的prototype属性进行操作。
增:
给出你想要添加的属性,并赋值。
删:
delete
所以prototype对象的增删改查和普通对象的用法相同。
这里还需注意,prototype上的属性只能由自身操作,对象从prototype上获取到的属性进行操作后,并不会影响到prototype。
接下来解释对象的_ proto_ 属性(前后分别是两个_)
_ proto_ 属性里存的是对象的prototype
举例:
接下来解释constructor属性:
对象可以通过该属性查看构造出自己的函数
总结:
prototype是function对象的一个属性,是构造函数构造出的对象的公有祖先,他本身也是一个对象,所以他可以有自己的属性和方法,并对其进行增删改查的操作,对象没有权利修改prototype上的属性和方法。对象可以通过自己的_ proto_ 查看他的prototype,通过constructor查看构造出自己的函数。
1 原型法设计模式在.Net中可以使用clone()来实现原型法
原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。
2 javascript的方法可以分为三类:
a 类方法
b 对象方法
c 原型方法
例子:
function People(name)
{
this.name=name
//对象方法
this.Introduce=function(){
alert("My name is "+this.name)
}
}
//类方法
People.Run=function(){
alert("I can run")
}
//原型方法
People.prototype.IntroduceChinese=function(){
alert("我的名字是"+this.name)
}
//测试
var p1=new People("Windking")
p1.Introduce()
People.Run()
p1.IntroduceChinese()
3 obj1.func.call(obj)方法
意思是将obj看成obj1,调用func方法
好了,下面一个一个问题解决:
prototype是什么含义?
javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。
A.prototype = new B()
理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。可以出现这种情况:A的prototype是B的实例,同时B的prototype也是A的实例。
先看一个实验的例子:
function baseClass()
{
this.showMsg = function()
{
alert("baseClass::showMsg")
}
}
function extendClass()
{
}
extendClass.prototype = new baseClass()
var instance = new extendClass()
instance.showMsg()// 显示baseClass::showMsg
我们首先定义了baseClass类,然后我们要定义extentClass,但是我们打算以baseClass的一个实例为原型,来克隆的extendClass也同时包含showMsg这个对象方法。
extendClass.prototype = new baseClass()就可以阅读为:extendClass是以baseClass的一个实例为原型克隆创建的。