原型讲解二:原型是干什么用的

Posted 准前端工程师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原型讲解二:原型是干什么用的相关的知识,希望对你有一定的参考价值。

前面说了这么多的原型的概念,那么原型用在哪里呢?

之前说过,直接在构造函数外面定义一个函数方法,势必会造成全局的变量污染,那么怎么避免这个问题呢?那么就要涉及到在原型上面定义一个方法了:

范例:

function Person(name,age,gender){

   this.name=name;

   this.age=age;

   this.say=function(“我是”+this.name);

 }

 这是一个简单的构造函数,那么是怎么改进的呢?

     改进1:为了防止每次建立一个对象,对象里包含一个say()函数方法

             在构造函数的外面添加了一个say()含数,但是造成了全局的变量污染。

     该进2:使用原型的方法

           this.say方法就可以不定义了

     看看这里的定义:

Person.prototype.say=function(){

  alert(“我是”+this.name);

}

这样就完美的解决了上面构造函数外面直接定义函数方法从而污染全局变量的问题。

再补充几个专业的术语(其实就是为了让读者看不懂,从而达到吹NB的效果,国内学者把这个学的淋漓尽致了,呵呵了)

 

    什么叫做实例化:

 

   例如 var p=new Person();

 

   就是用new创建了一个对象,该对象拥有构造函数的属性和方法,有木有感觉构造函数像一个模板呢?,结构是不变的,唯一变的就是实参的变化

 

   更专业的叫法:pPerson()这个构造函数的一个实例

 

以上是关于原型讲解二:原型是干什么用的的主要内容,如果未能解决你的问题,请参考以下文章

java设计模式 - 原型(干货)

JS面向对象基础讲解(工厂模式构造函数模式原型模式混合模式动态原型模式)

原型与原型链

产品经理,今天你的原型被吐槽了么?

JavaScript继承基础讲解,原型链借用构造函数混合模式原型式继承寄生式继承寄生组合式继承

JS面向对象基础讲解(工厂模式构造函数模式原型模式混合模式动态原型模式)