js中prototype

(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_ 

               这也就是原型链继承的关系



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值