`
pengfeng
  • 浏览: 231071 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类
最新评论

javascript之prototype、__proto__和constructor

阅读更多

一、prototype原型

确切地说Javascript的“类”在严格意义上来讲并不能算真正的类,从其声明的对象到类(估切这么说)有这样一个关系:
Instance.__proto__=InstanceClass.prototype(ie不支持)

以上说明:实例的属性(__proto__)等于的prototpye,我们可以看出,实例的"__proto__"正好巧接在的"prototype"上,通过原型链(prototype)来查找其方法并扩展,我们会发现其方法(Method)与其属性(Property)都是Public(当然你也可以用Private,即不用this),而prototype其实就是一对象,用来记录方法做为一个集合
假设我们声明一个类A,可以如此 

function A(){ 
    this.className="ClassA"; //添加Public属性,正确来说类名应该是Private的 
} 
//添加一方法 
A.prototype.getClassName=function(){ 
    return this.className; //this指代A,而不是prototype 
} 
//声明一对象 
var AObj=new A(); 
alert(AObj.__proto__==A.prototype); //ie下无效,ff下为true,说明上面的验证是正确的 
//我们来看看对象属性 
/* 
由于用了this,className即为Public,即可以随意修改或读取 
如果要保护起来,就要用到Private,那么可以去掉其this前缀,做为保护 
读的时候用一公开方法,即prototype下的方法: 
A.prototype.getClassName=function(){ 
    return className; //行不通,不存在,className是undefined 
} 
在这儿也只能约定一下,给className加上this,不要去直接去访问。在这一点上,的确不如第二种方法,稍 
后会说明 
*/

关于"prototype"
由于Javascrīpt并没有在系统内部并未使用过“继承”(很大可能),所以class下的prototype得到的全是
顶层Object,后期在继承的时候,我们可以看到这样的一个式子:
child.prototype=new parent();
继承两字带引号的意思是说就算有继承也并非真正意义上的继承,也只是通过prototype巧接得到。
用实例扩展一个方法到类,这儿不得不提及__proto__这个属性

 

function abc(){ 
    var owner=this; 
    owner.k="pp"; 
    owner.abc=function(){ 
        //
    } 
} 
abc.prototype.def=function(){ 
    //
} 
var s=new abc(); 
for(var t in abc.prototype){ 
    alert("prototype指向:"+t+"="+abc.prototype[t]); 
} 
for(var t in s.__proto__){ 
    alert("__proto__指向:"+t+"="+s.__proto__[t]); 
}

 在ff下我看可以看到实例名.__proto__=类.prototype,现在通过实例扩展一个方法,这儿在实际应用当中并不推荐这样做,下例:
s.__proto__.hjk=function(){
return "hjk";
}
alert(s.hjk());
for(var t in abc.prototype){
alert("prototype指向:"+t+"="+abc.prototype[t]);
}
这下应该明白了吧。

 

引自:http://www.jb51.net/article/4318.htm

分享到:
评论

相关推荐

    prototype,__proto,constructor

    分析javascript中 prototype __proto__ constructor之间的关系

    详解帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

    JavaScript中的`prototype`、`__proto__`和`constructor`是理解JavaScript面向对象编程的关键概念。这篇文章通过图解的方式深入浅出地解析了这三个概念之间的关系。 首先,`__proto__`属性是对象独有的,它指向对象...

    js prototype和__proto__的关系是什么

    在JavaScript中,prototype和__proto__是理解对象原型继承机制的关键知识点。下面将详细介绍这两者之间的关系以及它们在JavaScript对象继承中所扮演的角色。 首先,prototype属性是函数所独有的。在JavaScript中,...

    prototype与__proto__区别详细介绍

    在JavaScript中,`prototype`和`__proto__`都是与对象继承和原型链紧密相关的概念,但它们在用途和性质上有所不同。以下是这两者的主要区别和详细解释: 1. **prototype(原型)** - `prototype`是函数特有的属性...

    帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

    JavaScript中的`prototype`、`__proto__`和`constructor`是理解JavaScript面向对象编程的关键概念。这篇文章将通过图解的方式帮助读者深入理解这三个属性的关系。 首先,`__proto__`属性,它存在于每个对象中,表示...

    TsangTszKin#HexoBlog#prototype、__proto__与constructor1

    它的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存

    图解prototype、proto和constructor的三角关系

    在javascript中,prototype、constructor以及__proto__之间有着“著名”的剪不断理还乱的三角关系,楼主就着自己对它们的浅显认识,来粗略地理理以备忘,有不对之处还望斧正。

    简单解析JavaScript中的__proto__属性

    总的来说,__proto__属性是JavaScript原型继承机制的关键部分,它揭示了对象之间通过原型链接的关系,以及通过这种关系实现属性和方法的查找和继承。理解__proto__有助于深入理解JavaScript的对象模型及其继承机制。

    javascript 中__proto__和prototype详解

    理解__proto__和prototype这两个概念对于深入掌握JavaScript面向对象编程至关重要。 首先我们来看__proto__属性。每个JavaScript对象都拥有一个__proto__属性,这个属性指向该对象的原型对象。原型对象是另一个对象...

    JS原型prototype和__proto__用法实例分析

    JavaScript中的原型(Prototype)机制是实现继承的一种方式,它涉及到两个关键的概念:`prototype`和`__proto__`。这两个属性在JavaScript的对象和函数中扮演着不同的角色。 首先,`prototype`属性主要用于函数对象...

    JavaScript的prototype

    JavaScript中的`prototype`是一个核心概念,它涉及到对象继承和函数原型。在JavaScript中,每创建一个函数,该函数就会自动获得一个名为`prototype`的属性,这个属性是一个对象,用于实现对象间的继承。同时,每个...

    了解JavaScript中的prototype (实例)

    JavaScript中的`prototype`是理解面向对象编程的关键概念之一。它是一种机制,允许对象共享属性和方法,从而实现代码复用。在JavaScript中,每个函数(包括构造函数)都有一个内置的`prototype`属性,这个属性指向一...

    JavaScript中prototype的使用

    JavaScript中的`prototype`属性是实现面向对象编程的关键概念之一,尤其在JavaScript中,它用于实现对象的继承。本文将深入探讨`prototype`的含义、作用以及如何使用。 1. **什么是prototype** 在JavaScript中,每...

    Javascript(OOP).rar_javascript_javascript O_oop javascript

    每个JavaScript对象都有一个内部`[[Prototype]]`链接到另一个对象,通常可以通过`__proto__`或`Object.getPrototypeOf()`访问。通过原型,子对象可以继承父对象的属性和方法。例如: ```javascript var person = ...

    【JavaScript源代码】五句话帮你轻松搞定js原型链.docx

    在JavaScript中,每个对象都有一个内部属性`[[proto]]`,这个属性通常通过`__proto__`访问,它指向创建该对象的函数的`prototype`属性。原型链的主要作用是使得一个对象能够通过其构造函数的原型链访问到其构造函数...

    JavaScript中的prototype(原型)属性研究

    JavaScript中的prototype属性是理解面向对象编程的关键概念之一。在JavaScript中,每个函数都有一个prototype属性,这个属性指向一个对象,这个对象就是所谓的原型对象。当我们创建一个函数实例时,实例会自动获取一...

Global site tag (gtag.js) - Google Analytics