码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript原型

时间:2019-01-29 21:19:35      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:alc   添加   name   集合   div   属性集   highlight   代码   info   

js原型

       js每声明一个function,都有prototype原型,prototype原型是函数的一个默认属性,在函数的创建过程中由js编译器自动添加。
也就是说:当生产一个function对象的时候,就有一个原型prototype。
例如:
技术分享图片
prototype的属性值是一个对象,是属性的集合,是属性的集合,是属性的集合
例如:
function Person(name,age){
    this.name=name;
    this.age=age;
}
    Person.prototype.sayHello=function(){
    alert("使用原型得到Name:"+this.name);
}
var per=new Person("alin",21);
per.sayHello(); //输出:使用原型得到Name:alin 

在函数Person里面自定义了属性name和age,而prototype是我们的属性集合,也就是说,我要添加sayHello这个属性到Person,则要这样写:Person.prototype.sayHello,就能添加Person的属性。

(我们可以简单的把prototype看做是一个模板,新创建的自定义对象都是这个模板prototype的一个拷贝,其实准确来说,不应该说是一个拷贝,而是一个连接,只不过这种链接是不可见,新实例化的对象内部有一个看不见的_Proto_指针,指向原型对象)

 

使用原型来优化代码:

普通code:

function add(x,y){
   return x+y;
}
function subtract(x,y){
   return x-y;
}
console.log(add(1,3));

使用原型优化后的两种代码:

第一种:

var Calculator = function(){
  
};
Calculator.prototype = {
    add:function(x,y){
     return x+y;
},
subtract:function(x,y){
     return x-y;
}
};

第二种:

var Calculator = function () {};
Calculator.prototype = function(){
   add = function(x,y){
   return x+y;
},
subtract = function(x,y){
    return x-y;
}
return{
     add:add,
     subtract:subtract
}
}();
 
console.log((new Calculator()).add(1,3));

目的:封装私有的function,通过return的形式暴露出简单的使用名称,以达到public/private的效果。

JavaScript原型

标签:alc   添加   name   集合   div   属性集   highlight   代码   info   

原文地址:https://www.cnblogs.com/CGWTQ/p/10335812.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!