Js 原型初步认识
2016-07-25 10:42
363 查看
一个函数可以看成一个类,原型是所有类都有的一个属性,原型的作用就是给这个类的每一个对象都添加一个统一的方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <script> //声明一个类 function Person(name,age) { this.name=name; this.age=age; } //使用原型给类添加方法 Person.prototype.show=function() { alert("我叫"+this.name+",今年"+this.age); } //创建两个对象 var person1 =new Person('张三',20); var person2 =new Person('李四',23); //调用原型里面的方法 person1.show(); person2.show(); </script> </head> <body> </body> </html>
疑问
直接用Person.show=function(){alert(“”)} 那么下面两个person1和person2不也有show()这个方法吗
答曰:
这样写的话是不能person1.show()这样调用的,只能Person.show()这样调用,这个就像其他面向对象的语言中的类的静态方法那样。
相关文章推荐
- 使用js实现表格增加与删除
- JS的一些总结
- javascript void
- jsp 自定义标签
- js模块化的意义
- 理清js中数组与对象的区别-数据类型和Json格式
- json数据避免$ref 循环引用
- js字符串和时间戳之间的转换
- project.json
- 有哪些关于前端开发技术(HTML、CSS 和 JavaScript 等)的值得推荐的书籍?
- form表单提交中文乱码
- javascript 匿名自执行函数
- js表单操作
- angular.js学习之三ajax请求得不到数据
- JS仿百度自动下拉框模糊匹配提示
- JS本地刷新返回上一页代码
- 基于ActiveX 在B/S模式如何在js中查找读取本地文件及文件夹
- js 选项卡举例
- D3.js 饼状图的制作
- js封装包