Js创建对象实践
2014-08-28 16:00
288 查看
1.对象工具封装
2.工厂模式
3.构造函数模式 this
4.Apply和call
5.原型共享方法
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>testdiv</title> <script type="text/javascript" src="./../../Script/jquery.js"></script> </head> <body> <a href="javascript:void" id="showdiv">sssss</a> </body> <script> var ss = {}; ss.tools = function(){ var a=1; var b=2; return{ aaa:a, show_1:function(){ return a+b; }, show_2:function(){ return a-b; }, } }(); $("#showdiv").click(function(){ var xx = ss.tools.show_1(); alert(xx); var xx2 = ss.tools.show_2(); alert(xx2); }) </script> </html>
2.工厂模式
function createPerson(name,age,job){ var o = { name:name, age:age, job:job, sayName:function(){ alert(this.name); } }; return o; }; var wyz1 = createPerson("wyz","30","female"); var wyz2 = createPerson("wyz2","30","male"); wyz1.sayName(); wyz2.sayName();
3.构造函数模式 this
function MathFunc(a,b) { this.a = a; this.b = b; this.add = function() { return a+b; } } var add = new MathFunc(3,4); var sum = add.add(); alert(sum);
4.Apply和call
function MathFunc(a,b) { this.a = a; this.b = b; this.add = function() { return a+b; } } var myadd={}; //MathFunc.call(myadd,31,4); MathFunc.apply(myadd,[31,4]); var sum = myadd.add(); alert(sum);
5.原型共享方法
function MathFunc(a,b) { this.a = a; this.b = b; MathFunc.prototype.add = function() { return a+b; } }; var myadd= new MathFunc(3,4); var sum = myadd.add(); alert(sum);
相关文章推荐
- js创建对象的最佳实践
- js使用对象直接量创建对象的代码
- 创建你自己的对象 js
- 姚博文 js解决 automation 服务器不能创建对象
- js创建对象的几种方法
- JS面向对象编程(对象创建)
- Appfuse开发实践(二)——创建DAO对象 转自[临海观潮]的blog
- ajax 异步获取数据实现代码 (js创建ajax对象)
- ASP.NET小收集<8>:JS创建对象
- 前台JS脚本出现“Automation服务器不能创建对象“错
- js 动态创建网页对象
- 一个创建XMLHttpRequest对象的js文件(适用asp,php,jsp,asp.net等)
- JS 创建对象(常见几种)
- 动态创建JS对象
- DWR: 创建与JAVA对象对应的JS对象。
- js使用对象直接量创建对象的代码
- 前台JS脚本出现“Automation服务器不能创建对象“错误的解决方法
- JS面向对象编程(对象创建)
- js创建对象的几种方法
- ajax实现异步获取数据 (js创建ajax对象)