您的位置:首页 > Web前端 > JavaScript

js中prototype

2016-01-11 14:12 696 查看
(1)prototype概述

从表面功能上来看,prototype特别像继承,也就是说如果设置了某个函数的prototype,那么可以直接调用这个prototype中的方法和属性

function Employee(name, salary){
this.name=name;
this.salary=salary;
}
Employee.prototype.getSalary=function getSalaryFunction(){
return this.salary;
}
Employee.prototype.addSalary=function addSalaryFunction(addition){
this.salary=this.salary+addition;
}
可以创建对象并验证:

var boss1=new Employee("Joan", 200000);
var boss2=new Employee("Kim", 100000);
var boss3=new Employee("Sam", 150000);

alert(boss1.getSalary());   // 输出 200000
alert(boss2.getSalary());   // 输出 100000
alert(boss3.getSalary());   // 输出 150000
但是实际上来讲并不是继承,具体如下



也就是说Employee这个函数的prototype中定义了getSalary、addSalary这两个函数,而boss1、boss2、boss3中的属性_proto_指向了的Employee中的prototype,那么当boss1调用getSalary方法时,实际上还是通过Employee的prototype来调用的

(2)函数的prototype

函数是一种特殊的对象,可以通过小括号来执行自身代码

函数也有一个特殊的对象prototype,prototype中也有一个属性constructor,初始时指向该函数

也就是当js解释到function关键字的时候,会创建2个对象,一个是prototype,一个是function本身。同时将该function对象的prototype指向prototype,而prototype对象的constructor指向该function对象

(3)_proto_属性

每个对象都有一个_proto_属性

在调用对象的方法或者访问对象属性时,js会依次遍历对象本身,该对象的_proto_,该对象的_proto_的_proto_

这也就是原型链继承的关系
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: