prototypejs？js中的prototype有什么作用

其实prototypejs的问题并不复杂，但是又很多的朋友都不太了解js中的prototype有什么作用，因此呢，今天小编就来为大家分享prototypejs的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

js中的prototype有什么作用

prototype对象是实现面向对象的一个重要机制。每个函数也是一个对象，它们对应的类就是function，每个函数对象都具有一个子对象prototype。

Prototype表示了该函数的原型，prototype表示了一个类的属性的集合。当通过new来生成一个类的对象时，prototype对象的属性就会成为实例化对象的属性。

下面以一个例子来介绍prototype的应用，如图：

扩展资料

prototype给String类封装一个“日期验证”的代码

String.prototype.isDate= function(){

var regex= new RegExp("^[\d]([-|/])[\d]{1,2}([-|/])[\d]{1,2}$");

console.log(this);

return regex.exec(this);

}

var strValue="12512412";

alert(strValue.isDate());

参考资料：百度百科 prototype

Js原型(prototype)01

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查看构造出自己的函数。

js的prototype是什么

Javascript也是面向对象的语言，但它是一种基于原型Prototype的语言，而不是基于类的语言。

在javaScript创建对象一文中提到过：用构造函数创建对象存在一个问题即同一构造函数的不同实例的相同方法是不一样的，所以我们用原型把构造函数中公共的属性和方法提取出来进行封装，达到让所有实例共享的目的。

function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象。在prototype对象中有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。

用伪代码表示如下：

var function{

prototype:prototype{

constructor:constructor== function

}

}函数与原型的关系

js中创建一个函数，就会自动创建一个prototype属性，这个属性指向函数的原型对象，并且原型对象会自动获得一个constructor(构造函数)属性，指向该函数。

举例：以前面的原型模式创建对象为例说明

<script type="text/javascript">

function Person(){

}

Person.prototype.name="lxy";

Person.prototype.age=22;

Person.prototype.job="Software Engineer";

Person.prototype.sayName=function(){

alert(this.name);

}

var lxy=new Person();

lxy.sayName();

var personA=new Person();

personA.sayName();

alert(lxy.sayName()==personA.sayName());//true

</script>实例与原型的关系

通过构造函数创建一个实例，该实例内部将包含一个属性（指针），指向构造函数的原型对象。

举例：Person构造函数的实例Person1和Person2的[[Prototype]]属性都指向Person的原型。

Note:[[Prototype]]连接是存在于实例和构造函数的原型之间，而不是存在实例与构造函数之间。

关于这个指针，ECMA-262中叫[[Prototype]]，没有标准的方式访问[[Prototype]]，但Firefox、Safari和Chrome在每个对象上都支持一个属性__protp__，而在其他实现中，这个属性对脚本不可见。

js问题:js的prototype怎么理解

自从有了面向对象（OOP）编程思想以后。继承就成了复用程序代码的一种良好的组织方式。

传统的面向对象采用“类继承”的方式，例如Java、C#、C++、PHP等。而Javascript采用了另外一种更为简便的继承方式，“原型继承”的方式。

原型是指一个对象模板。当要创建某一类型的对象时，我们创建一个较小的对象，并让这个较小的对象指向这个原型对象。这样，创建的对象占用的内存空间就比较小，因为它复用了原型对象中的属性和方法。

例如：

functionPersion(){}

varproto=Person.prototype;

proto.foo=function(){alert('foo');};

varp=newPerson();

varp2=newPerson();

p.foo();

p2.foo();

//这里我们看到。p对象和p1对象自动就拥有foo方法。因为他们共享了proto这个原型对象中的属性和方法。

关于prototypejs的内容到此结束，希望对大家有所帮助。