Js建立對象實踐

Js建立對象實踐
1.對象工具封裝

testdiv<script type="text/javascript" src="./../../Script/jquery.js"></script>sssss<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>

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);