1.对象工具包
<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创建对象的做法的更多相关文章

  1. JS创建对象篇

    JS创建对象篇 Object构造函数创建 var person = new Object(); person.name = "Tom"; person.age = 10; pers ...

  2. 使用js创建对象

    1.js创建关键字 //使用 New 关键字 function person(name,age){ this.name=name; this.age=age; } $(function(){ var ...

  3. javascript(js)创建对象的模式与继承的几种方式

    1.js创建对象的几种方式 工厂模式 为什么会产生工厂模式,原因是使用同一个接口创建很多对象,会产生大量的重复代码,为了解决这个问题,产生了工厂模式. function createPerson(na ...

  4. JS 创建对象总结

    狭义:new 构造函数. (注:在JS中创建对象只有一种方式,就是new 构造函数.其中字面量的方式是一种语法糖,本质仍然是new 构造函数) 广义:工厂模式(解决复杂度) 构造函数模式(解决复杂度, ...

  5. JS创建对象的方式有几种

    相信但凡作为一个前端工程师,都被面试到过这个面试题目,HR考察的就是对oop思想的理解. 作为一个从后端转过来的怂逼,oop一直是心中的永远的痛啊. 这几天一直在通读js高级程序设计,重复理解js创建 ...

  6. JS 创建对象(常见的几种方法)

    贴个代码先: function O(user,pwd){ //use constructor this.user=user; this.pwd=pwd; this.get=get; return th ...

  7. js 创建对象的多种方式

    参考: javascript 高级程序设计第三版 工厂模式 12345678910 function (name) { var obj = new Object() obj.name = name o ...

  8. 基础2：js创建对象的多种方式

    js创建对象的多种方式 1. 工厂模式 function createPerson(name) { var o = new Object() 0.name = name return o } var ...

  9. 浅谈 JS 创建对象的 8 种模式

    1.Object 模式 var o1 = {};//字面量的表现形式 var o2 = new Object; var o3 = new Object(); var o4 = new Object(n ...

随机推荐

  1. Swift 书面 ToDo App

    下面的代码是使用的全部Xcode Version 6.0.1 (6A317)书面. 因为当使用团队开发stroyboard在并购的诸多不便的时间,所有或使用.xib该文件准备ToDo App. 想要实 ...

  2. Android 常规任务的高度【schedule】与【scheduleAtFixedRate】差额

    于android计划定期任务有两种方法 1.schedule 2.scheduleAtFixedRate 这两种方法的差别在于 首次调用时间(Date when)这个參数 <span style ...

  3. 4.4、Libgdx用法查询执行环境相关性

    (原版的:http://www.libgdx.cn/topic/46/4-4-libgdx%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95%E6%9F%A5%E8%AF%A2% ...

  4. BZOJ 1009 HNOI2008 GT考试 KMP算法+矩阵乘法

    标题效果:给定的长度m数字字符串s.求不包括子s长度n数字串的数目 n<=10^9 看这个O(n)它与 我们不认为这 令f[i][j]长度i号码的最后的字符串j位和s前者j数字匹配方案 例如,当 ...

  5. java离request获取当前从访问完成url至

    request.getHeader("REFERER") 得到的完整路径到原始访问路径,其他参数 版权声明:本文博主原创文章.博客,未经同意不得转载.

  6. SRM 587 Div II L3：ThreeColorabilityEasyy

    题目来源:http://community.topcoder.com/stat?c=problem_statement&pm=12699 这道题目是第一次在比赛的时候做出来的,开始还想用bru ...

  7. A + B Again 2057 有符号的64进位的运算

    Problem Description There must be many A + B problems in our HDOJ , now a new one is coming.Give you ...

  8. CodeForces 425E Sereja and Sets

    意甲冠军: 集S它包括了很多间隔[l,r]  和1<=l<=r<=n  f(S)个不相交的区间  问给出n和f(S)  有几种可能的S集合 思路: dp好题  至于为啥是dp-  我 ...

  9. 至尊快速，国产语言RPP 1.83强势来袭

    以下是 R++的性能測试数据:(奔腾 1.86GHZ,測试 3 次取平均值) 执行效率: R++的内部结构和 C++大致同样,所以理论上 R++能够达到和 C++一样的执行速度,眼下 R++已开启汇编 ...

  10. Android 自己的自动化测试（5）&lt;robotium&gt;

    大约Android自己的自动化测试UI测试,前出台Android 自己主动化測试(4)<uiautomator>, 在android原生的单元測试框架上,利用uiautomator.jar ...