js中的prototype的用法
来源:互联网 发布:人参出口韩国数据 编辑:程序博客网 时间:2024/06/11 01:15
作用: prototype是一个给类的对象添加方法的方法
举个栗子:
Number是javaScript中的一个对象,但是当这个的对象本身的方法不够用时,我们可以自己给它添加方法!
Number.prototype.add = function(num){ return (this+num); } 测试:console.log((5).add(5)) 输出:10
prototype用来为类添加某行为,这些行为可以在类型的实例上体现,JS中允许的类型有Array,Boolean,Date,Enumerator,Error,Function,Number,Object,ReqExp,String。
不能在实例上使用prototype否则会发生编译错误!实例上有proto这个属性,通过它可以查看到该类拥有哪些行为!
这里有张图片解释:
如何让一个类型去继承一个类型?举个栗子:
//自定义一个类型Tab含有property属性和hide方法 var Tab = function(){ this.property = "Tab"; this.hide = function(){ alert('Tab--hide') } } //给自定义Tab类型动态添加行为 Tab.prototype.show = function(){ alert("Tab--show"); } new Tab().hide(); //执行成功 弹出"Tab--hide" new Tab().show(); //实例调方法,弹出"Tab--show" alert(new Tab().property) //弹出 "Tab" //自定义第二个类型Tab1 var Tab1 = function(){ this.property = "tab1"; this.nickname = "yyf"; this.hide = function(){ alert("Tab1--hide"); } } //Tab类型继承Tab1类型 Tab.prototype = new Tab1(); new Tab().hide() //弹出 "Tab--hide" new Tab().show(); //实例调方法,编译错误show方法不存在 alert(new Tab().property); //弹出 "Tab" alert(new Tab().nickname); //弹出 "yyf"
总结:
一、一个类型去继承另一个类型时:它动态(使用prototype)添加的属性,行为都会消失。
二、当子类和父类都具有相同的行为或者属性时,子类的属性和方法会覆盖掉父类的属性和方法!(只继承自己没有的)
阅读全文
0 0
- js中的prototype的用法
- js中的面向对象的prototype,call的用法
- JS中prototype的用法
- JS中的prototype的含义
- js中的prototype的解析
- js中的prototype的作用
- JS中的prototype的作用
- 因为老看到prototype,转下js的prototype用法
- prototype.js 的 Ajax.updater 的 用法
- prototype.js 的 Ajax.updater 的 用法
- js中的prototype和基于prototype的继承总结
- js中的prototype和基于prototype的继承总结
- prototype.js用法介绍
- js中prototype用法
- js中prototype用法
- js中prototype用法
- js中prototype用法
- js中prototype用法
- 第二周项目三:体验复杂度
- JDBC调用存储过程
- Unity 3D学习日记(3)
- POJ2632 Crashing Robots(模拟)
- 一步一步写MP3项目的Makefile--自动添加目标对头文件的依赖
- js中的prototype的用法
- Spring AOP
- STM32用串口(USB串口)下载程序的方法
- java 子类继承父类运行顺序
- 网络经济与企业管理
- Scala Option(选项)
- Eclipse Project facet Java version 1.8 is not supported问题解决方法
- ImageView(图像视图)-src属性和background属性的区别:
- 2.Maven基础配置—上传jar包到私服