幾種常用的JS類定義方法

// 方法1 對象直接量
var obj1 = {
????v1 : "",
????get_v1 : function() {
????????return this.v1;
????},
????set_v1 : function(v) {
????????this.v1 = v;
????}
};

// 方法2 定義函數對象
var Obj = function() {
????var v1 = "";
????this.get_v1 = function() {
????????return this.v1;
????};
????this.set_v1 = function(v) {
????????this.v1 = v;
????}
};

// 方法3 原型繼承
var Obj3 = new Function();
Obj3.prototype = {
????v1 : "",
????get_v1 : function() {
????????return this.v1;
????},
????set_v1 : function(v) {
????????this.v1 = v;
????}
};

// 方法4 工廠模式
function loadObj() {
????var tmp = new Object();
????tmp.v1 = "";
????tmp.get_v1 = function() {
????????return tmp.v1;
????};
????tmp.set_v1 = function(v) {
????????tmp.v1 = v;
????};
????return tmp;
}

obj1.set_v1('hello1');
alert(obj1.get_v1());

var obj2 = new Obj();
obj2.set_v1('hello2');
alert(obj2.get_v1());

var obj3 = new Obj();
obj3.set_v1('hello3');
alert(obj3.get_v1());

var obj4 = loadObj();
obj4.set_v1('hello4');
alert(obj4.get_v1());

alert(obj1);
alert(obj2);
alert(obj3);
alert(obj4);

?

轉自（http://www.cnblogs.com/xusir/archive/2013/01/17/2863882.html）

轉載于:https://www.cnblogs.com/wuxiang/p/4818362.html

總結

以上是生活随笔為你收集整理的几种常用的JS类定义方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。