本文是为了让一些初学者在不了解的情况下能够更好的运用和使用pototype,关于原型的东西后面会讲,所以如果有什么好建议可以在此留言提出,谢谢合作。
除了在类的构造器方法中定义属性和方法以外,我们还可以在构造器方法外使用prototype定义方法和属性。每个类都有prototype属性,该属性是一个静态属性,因此无需实例化,只需使用类引用该属性即可。
当然这里说的静态属性不是像java里面的static那样在第一次初始化后他就存在,然后每个实例调用的都是同一个那样子,换句话说,prototype的作用之一就是在构造器方法外定义方法和属性,从而使代码能够更好的复用。
下面举一个实例来说明prototy跟static是不一样的:
function Person(){
this.age ;
this.name ;
}
function showInfo(){
document.write("Hi,我叫 " + this.name + " ,我今年 " + this.age +" 岁啦<br>");
}
Person.prototype.tellMeInfo = showInfo;
var person = new Person();
person.age = 12;
person.name = "Cat";
person.tellMeInfo();
var person_2 = new Person();
person_2.tellMeInfo();
在浏览器中该程序显示结果为:
Hi,我叫 Cat ,我今年 12 岁啦
Hi,我叫 undefined ,我今年 undefined 岁啦
每个构造器都有一个prototype属性,该属性在定义构造器方法时自动创建的,prototype属性代表用该函数创建的类的属性值,如果将方法分配给类的prototype属性,则该类的任何新创建的实例都可以使用这些方法。
类的每个新实例也都有一个__proto__属性(注意前后分别是两个下划线),用于引用创建它的构造器的prototype属性。也就是说__proto__属性最终还是要经过对prototype属性的引用才能实现其功能,而且IE不支持使用__proto__属性,所以不建议使用该属性。
下面是一个使用__proto__的例子():
function Person(myAge, myName){
this.age = myAge;
this.name = myName;
}
function showInfo(){
document.write("Hi,我叫 " + this.name + " ,我今年 " + this.age +" 岁啦<br>");
}
var person = new Person(11, "Cat");
person.__proto__.tellMeInfo = showInfo;
person.tellMeInfo();
var person_2 = new Person(12, "Tom");
person_2.tellMeInfo();
结果显示如下(注意IE浏览器不支持会报错):
Hi,我叫 Cat ,我今年 11 岁啦
Hi,我叫 Tom ,我今年 12 岁啦
分享到:
相关推荐
在工作中有时候会看到prototype和__proto__这两个属性,对这两个属性我一直比较蒙圈,但是我通过查阅相关资料,决定做一下总结加深自己的理解,写得不对的地方还请各位大神指出。 跟__proto__属性相关的两个方法 ...
- 继承和属性查找主要是通过原型链完成的,`prototype`和`__proto__`在其中起到关键作用。 理解这两个概念对于深入掌握JavaScript的面向对象编程至关重要,它们是JavaScript实现继承和原型链的核心机制。通过正确...
这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,在两下划线之间加入了一个空格:_ _proto_ _),实际上,该属性在ES标准定义中的名字应该是[[Prototype]],具体实现是由浏览器代理...
在创建`Fish`和`f1`的例子中,`f1`通过`__proto__`能访问`Fish.prototype`上的属性,`Fish`则可以访问`Function.prototype`上的属性。而所有对象都可以访问`Object.prototype`中的属性,如`toString`和`...
即:对象具有属性__proto__,每个对象都会在其内部初始化一个属性,就是__proto__,当我们访问一个对象的属性 时,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的_...
它的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(可以理解为父对象)里找,如果父对象也不存
标题 "prototype_oop_javascript_ruby_prototype_" 暗示了我们将探讨的是关于原型(Prototype)面向对象编程(Object-Oriented Programming, OOP)的概念,主要关注JavaScript和Ruby这两种语言之间的相似性和差异性...
1、任何一个函数内都有prototype属性,这个prototype属性指向另一个对象 ,这个对象就是就是原型对象 ,简称原型。注意这个prototype是函数本身所自带的属性 2、原型的作用就是实现方法共享,将多个对象会调用的相同...
prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外,没有prototype属性)。 __proto__:每个对象都有一个名为__proto__的内部隐藏属性,指向于它所对应的...
在JavaScript中,遍历属性、理解`prototype`和掌握继承机制是编程中不可或缺的基本技能。本文将深入探讨这些概念,并通过实例来加深理解。 首先,让我们来看如何遍历JavaScript对象的属性。JavaScript提供了多种...
在JavaScript中,`__proto__` 和 `prototype` 是两个重要的概念,它们分别涉及对象的内部原型链和构造函数的原型。这篇文章将深入探讨这两者之间的关系。 首先,`__proto__` 属性是一个对象的内部属性,它指向该...
2. **添加属性和方法**: 可以直接在构造函数的`prototype`上添加属性和方法,这样所有通过该构造函数创建的对象都能访问到这些属性和方法。 ```javascript Person.prototype.name = "John Doe"; Person.prototype....
主要介绍了JavaScript中的__proto__属性,对于JavaScript中所谓的对象来讲,它指向对象的原型prototype,需要的朋友可以参考下
`__proto__`是一个非标准的属性,而`Object.getPrototypeOf`和`Object.setPrototypeOf`是ES5引入的标准方法,用于获取和设置一个对象的`[[Prototype]]`。 总结,JavaScript中的prototype属性是实现面向对象编程的...
每个函数对象都有内置的`prototype`属性,用于存储共享的属性和方法,为继承提供支持。尽管`prototype`对函数自身不可见,但其主要目的是为实例对象提供继承机制。例如,`f.prototype.foo = "abc"`,这里的`foo`属性...
关于prototype,怎么说呢,以前的前端开发是经常用的,但是最近忽然发现,好像很久都没用过这个属性了。因为现在封装好的主流框架和插件很多,用着方便,底层的东西都不怎么用了,也用不太到了。 最近自己在开发一款...
当我们创建一个函数时,如`function Person() {}`,`Person.prototype`就是一个对象,可以添加方法和属性。这些方法和属性可以被通过`new Person()`创建的对象共享。 2. **构造函数与实例的原型链** 每个由构造...
概述 原型模式是指原型实例指向创建对象的种类,并通过拷贝这些原型创建新的对象,是一种用来创建对象的模式,也就是创建一个对象作为另一个对象的prototype属性; prototype警告:学习了解原型模式前需先学习...
`prototype`在JavaScript中是一个内置属性,它允许一个对象可以访问另一个对象的属性和方法。当你尝试访问一个对象的属性或方法时,如果该对象自身没有这个属性或方法,JavaScript引擎会向上搜索该对象的`prototype`...