js中prototype
2016-01-11 14:12
696 查看
(1)prototype概述
从表面功能上来看,prototype特别像继承,也就是说如果设置了某个函数的prototype,那么可以直接调用这个prototype中的方法和属性
也就是说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_
这也就是原型链继承的关系
从表面功能上来看,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_
这也就是原型链继承的关系
相关文章推荐
- JavaScript表单验证
- 用JavaScript写Ajax例子
- js老生常谈之this,constructor ,prototype
- javaEE之------添加JavaScript中自己写的函数
- js判断浏览器种类
- 1.5.7 JSON 文本
- js清除浏览器缓存的几种方法
- JavaScript基础
- 页面加载完成后执行js
- JavaScript将数字转换为大写金额
- js == 与 === 的区别
- 怎么合理管理、提高Javascript
- js里的原型
- JS 判断上传 文件 大小
- JS 判断上传 文件 大小
- 【正则表达式】从json数组中抽取id列表
- javascript中document
- DataTable转JSON
- websocket了解---JsSIP用到---阿冬专栏!!!
- Html5添加轻量级炫酷js粒子动画库插件教程