javascript如何封装函数
2017-02-28 16:23
106 查看
通常写js组件开发的,都会用到匿名函数的写法去封装一个对象,与外界形成一个闭包的作用域。封装,全天下漫天遍野的封装,JQuery,EXT和Prototype.js封装的是javascript,jQuery uI和jQuery mobile封装着jQuery,java中的JDBC在spirng,Hibernate等框架封装着。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script type="text/javascript"> var beibei = { init:function () { console.log('come in here!'); } }; beibei.init(); //构造函数 function Person() { this.name = "beibei"; this.age = 26; this.getName = function () { return this.name; } } var person = new Person(); console.log(person.age); console.log(person.getName()); function Person(name,age) { this.name = name; this.age = age; this.getName = function () { return this.name; } } var p1 = new Person("beibei",10); console.log(p1.name); console.log(p1.age); console.log(p1.getName()); //这样写是没问题的 但是 有一点缺陷 就是 每个对象都维护相同的方法实例 而其实它们可以共享此方法 而不必每个对象都生成此实例 //在java语言中 面向对象的思想中 有一条“继承”既然此方法对于每个对象来说是公用的 那么可以在它的父类中实现 //在javascript中继承 是基于原型对象的继承 在原型对象中实现此方法,那么每个对象调用次方法时 首先查看自己是否有此方法 如果有 调用自己的方法 //如果没有 去原型对象中查询 调用原型对象的方法 是不是和java中的继承差不多呢? 这是修改后的代码。 function Person(name,age) { this.name = name; this.age = age; } Person.prototype.getName = function () { return this.name; } var p1 = new Person("beibei",10); console.log(p1.name); console.log(p1.age); console.log(p1.getName()); //对象字面量的形式构造对象 var p1 = { name:"beibei", age:10, getName:function () { return this.name; } } console.log(p1.name); console.log(p1.age); console.log(p1.getName()); </script> </body> </html>
相关文章推荐
- 如何在jsp页面中引入css样式表文件和javascript文件
- 关于vbscript 与 javascript如何传递变量(包括服务器端与客户端)
- 如何在页面中引用JavaScript脚本?
- [Javascript]如何将弹出的页面形成置顶的效果?
- jsp的值如何传递到javascript?
- 如何用javascript给指定用户发送信息?就像淘宝旺旺那样?
- JavaScript--如何使主页自动被搜索引擎收录?
- JavaScript--如何使页面慢慢向上运行?
- 如何用Javascript代码实现浏览器菜单命令
- 如何在javascript中传值
- 小技巧:(javascript)如何让用户自由控制html页面大段文字的行间距和背景颜色
- javascript 如何控制窗口缩放
- 如何实现从服务器端向页面动态加载JavaScript脚本?
- 如何在javascript里用window.close(); 关闭窗口时不提示“是否要关闭本窗口”!
- 如何在网页中调试JavaScript
- 如何在javascript里用window.close(); 关闭窗口时不提示“是否要关闭本窗口”!
- 用户控件中使用了Javascript ,把2个控件放在页面上,那么页面上会有2个同名的javascript函数,如何处理
- JavaScript--如何隐藏网页滚动条?
- javascript中如何通过被打开的窗体在opener窗体中添加option选项
- javascript中如何通过被打开的窗体在opener窗体中添加option选项[zz]