prototype

原创 2016年05月30日 14:25:53

   prototype:显示原型。每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外,没有prototype属性)。
        __proto__:隐式原型。每个对象都有一个名为__proto__的内部隐藏属性,指向于它所对应的原型对象(chrome、firefox中名称为__proto__,并且可以被访问到)。原型链正是基于__proto__才得以形成(注:不是基于函数对象的属性prototype)。


一些自己的练习。

1.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

输出结果如下:

one.aa的值应该是从原型上找到的值,而不是它自己的属性。


2.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);


one.setOneName("jingjing");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

输出结果如下:


可见,在one没有setOneName之前,one.aa输出的是原型中的aa。在one.setOneName("jingjing");执行之后,one.aa已经改变,但是原型中的并没有改变。但是第一次输出的aa也是“jingjing”,我觉得是因为第二次设置了之后就已经改变了它的值,所以第一次输出的时候就有了这个值。


3.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

one.setOneName("jingjing");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

A.prototype.setOneName("haha");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

输出结果如下:


有一个问题,


为什么这部分一直是一样的?

原型中的aa的值是一样的,但是输出的时候却不是一样的。



4.

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();
console.log("one : " , one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

one.setOneName("jingjing");
A.prototype.setOneName("haha");


console.log("-----------------------");
var another = new A();
another.setOneName("aaa");
console.log("one : ",one);
console.log("one.aa : ", one.aa);
console.log("A.prototype.aa : ",A.prototype.aa);
console.log("another : ",another);
console.log("another.aa : ", another.aa);
console.log("A.prototype.aa : ",A.prototype.aa);

输出结果如下:


设置another的aa的值并没有更改one.aa的值。


5.原型链

function A(){ };

A.prototype.aa = 10;
A.prototype.setOneName = function(oneName){
this.aa = oneName;
}

A.prototype.setOneName("fanfan");

var one = new A();

console.log("one.__proto__ === A.prototype  :  ", one.__proto__ === A.prototype) //true
console.log("A.prototype.__proto__ === Object.prototype  :  ", A.prototype.__proto__ === Object.prototype) //true
console.log("Object.prototype.__proto__  :  ", Object.prototype.__proto__) //null

输出结果如下:



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Lua知识点全面总结(语法、控制语句、函数、模块、面向对象/prototype、和C的交互等等)

原文链接:http://blog.csdn.net/peerlessbloom/article/details/44081153 基础 弱类型,没有类型定义解释型语言,但是会通过编...
  • Tovids
  • Tovids
  • 2017年02月05日 21:58
  • 133

超酷Prototype_鼠标指针

  • 2013年01月16日 18:27
  • 476KB
  • 下载

prototype.js开发手册

  • 2011年03月18日 10:05
  • 266KB
  • 下载

深入理解javascript原型和闭包(3)——prototype原型

既typeof之后的另一位老朋友! prototype也是我们的老朋友,即使不了解的人,也应该都听过它的大名。如果它还是您的新朋友,我估计您也是javascript的新朋友。   在...

Prototype 图片滚动

  • 2010年06月25日 16:36
  • 140KB
  • 下载

Prototype图片滚动

  • 2010年09月26日 18:01
  • 26KB
  • 下载

设计模式-prototype原型

1. 精髓:    克隆 2.设计方法   2.1 prototype类提供clone接口;   2.2 个子类实现clone方法;   3.3 操作类需要调用子类对象时使用子类的clone方法生...

prototype_js开发实例.mht

  • 2007年07月25日 16:27
  • 130KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:prototype
举报原因:
原因补充:

(最多只允许输入30个字)