javascript prototype

---------------------- android培训、java培训、期待与您交流！----------------------

最近在看javascript的继承 有很多不明白的地方 经过大量的查阅资料

终于有了些眉目 现在我写在这里 供大家分享

首先上代码：

// JavaScript Document
Object1 = function(name,age){
  this.name = name;
  this.age = age;
  this.println = function(){
   alert("姓名是："+this.name+",年龄是："+this.age);
  };
}
Object2 = function(){
};
Object2.prototype = new Object1("caodaoxi",23);
obj2 = new Object2();
obj2.println();

如果我们把Object2 = {};时obj2 = new Object2();这句话会报这个错误obj2不是一个构造方法

 

下面我来谈谈prototype这个属性的含义 不一定正确 希望大家指正

在javascript里面根本没有类这个概念 也没有方法这个概念 只有属性这个概念 继承是通过prototype这个属性实现的 prototype实际上是一个 属性包 相当于java中的map集合 形式是这样的:(key,value)  每个function都有这个属性 当我们new的时候 javascript引擎会把我们放在prototype里面的键值对放进对象中

 

 

// JavaScript Document
Object1 = function(){
  this.name = "cdx";
  this.age = 25;
  this.println = function(){
   alert("姓名是："+this.name+",年龄是："+this.age);
  };
}
/*Object2 = function(){
};
Object2.prototype = new Object1("caodaoxi",23);
obj2 = new Object2();
obj2.println();
*/
var ob = new Object1();
/*alert(Object1.prototype.constructor.prototype.constructor);//Object1.prototype.constructor.prototype.constructor指向和Object1.prototype.constructor指向是一样的*/
Object1.prototype.name =  "账";
alert(ob.name);

 这里打印的是cdx  这是为什么呢 ？为什么没有打印“账”呢 这里不能不说一下 javascript对象创建及访问对象属性的过程了 首先我们定义一个类时（姑且叫它类吧）在对象创建之前已经给它附加了一个prototype属性对象这个对象默认开始时是空的

当我们去new这个对象时 javascript引擎会把这个prototype里的属性copy到对象中去 当我们去访问一个对象的属性或方法时时 会先去对象里找有没有这个属性或方法 如果没有会去prototype里去查找有没有这个属性或方法

把上面程序改为：

// JavaScript Document
Object1 = function(){

  this.age = 25;
  this.println = function(){
   alert("姓名是："+this.name+",年龄是："+this.age);
  };
}
/*Object2 = function(){
};
Object2.prototype = new Object1("caodaoxi",23);
obj2 = new Object2();
obj2.println();
*/

/*alert(Object1.prototype.constructor.prototype.constructor);//Object1.prototype.constructor.prototype.constructor指向和Object1.prototype.constructor指向是一样的*/
Object1.prototype.name =  "账";
var ob = new Object1();
alert(ob.name);

去掉this.name="cdx"

将打印“账”

下面再来一段javascript权威指南上的一段代码吧

 Circle = function(){

        this.x = 0.1;

        this.y = 0.2;

}

new Circle();

 

Circle.prototype.pi = 3.14159;

 

// JavaScript Document
Object1 = function(){
 // this.name = "曹道喜";
  this.age = 25;
  this.println = function(){
   alert("姓名是："+this.name+",年龄是："+this.age);
  };
}
Object2 = function(){
};
Object2.prototype.age = 26;
Object2.prototype = new Object1();//这里类似执行这样的语句 Object2.prototype = Object1.prototype 把Object的prototype直接复制到Object1的prototype里面
//如果object2的prototype里已经有一个age属性那么object2的prototype里的age将会被object1的prototype的age给覆盖掉
object2 = new Object2();
//alert(Object2.prototype.age);//这里会打印25
//alert(object2.age);//这里会打印25 因为这时对象object2还没有age这个属性 然后javascript引擎到object2 的prototype里去找age属性
//alert(Object2.constructor);
/*
Object2.prototype = new Object1("caodaoxi",23);
obj2 = new Object2();
obj2.println();
*/

/*alert(Object1.prototype.constructor.prototype.constructor);//Object1.prototype.constructor.prototype.constructor指向和Object1.prototype.constructor指向是一样的*/
//Object1.prototype.name =  "李化龙";
//var ob = new Object1();
//ob.name = "gg";//这里等于是把 object1里放进了一个name属性 而不是放进prototype里
//alert(Object1.prototype.name);//这里打印的还是李化龙
//alert(ob.name);//如果不加ob.name = "gg";打印的就是李化龙 如果加上ob.name = "gg"; 则打印gg

/*-------------------------------第二章-------------------------*/

var s = [1,2,3,4,5]
alert(s.join());//这里并没有把s = s.join();
alert(s.constructor);//还是数组
alert(s.reverse().join());

 

 <!--StartFragment -->

<!--StartFragment -->

---------------------- android培训、java培训、期待与您交流！----------------------