码迷,mamicode.com
首页 > Web开发 > 详细

JS类定义方式

时间:2014-07-19 15:19:54      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   strong   io   cti   

// 方法1 对象直接量

var obj1 = {
    v1 : "",
    get_v1 : function() {
        return this.v1;
    },
    set_v1 : function(v) {
        this.v1 = v;
    }
};
obj1.set_v1(‘hello1‘);
alert(obj1.get_v1());

// 方法2 定义函数对象

var Obj = function() {
    var v1 = "";
    this.get_v1 = function() {
        return this.v1;
    };
    this.set_v1 = function(v) {
        this.v1 = v;
    }
};
var obj2 = new Obj();
obj2.set_v1(‘hello2‘);
alert(obj2.get_v1());

// 方法3 原型继承

var Obj3 = new Function();
Obj3.prototype = {
    v1 : "",
    get_v1 : function() {
        return this.v1;
    },
    set_v1 : function(v) {
        this.v1 = v;
    }
};
var obj3 = new Obj();
obj3.set_v1(‘hello3‘);
alert(obj3.get_v1());

// 方法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;
}
var obj4 = loadObj();
obj4.set_v1(‘hello4‘);
alert(obj4.get_v1());

JS类定义方式,布布扣,bubuko.com

JS类定义方式

标签:style   blog   color   strong   io   cti   

原文地址:http://www.cnblogs.com/shockerli/p/js-class-define-type.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!