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

JS类定义方式

时间:2014-08-16 23:48:51      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:blog   http   os   io   strong   ar   cti   div   

// 方法1 对象直接量

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

// 方法2 定义函数对象

bubuko.com,布布扣
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());
bubuko.com,布布扣

// 方法3 原型继承

bubuko.com,布布扣
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());
bubuko.com,布布扣

// 方法4 工厂模式

bubuko.com,布布扣
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());
bubuko.com,布布扣

 

 
 

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

JS类定义方式

标签:blog   http   os   io   strong   ar   cti   div   

原文地址:http://www.cnblogs.com/liuzhi/p/3917092.html

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