首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >几种常用的JS类定义方法

几种常用的JS类定义方法

作者头像
joshua317
发布于 2018-04-16 11:17:54
发布于 2018-04-16 11:17:54
3.2K0
举报
文章被收录于专栏:技术博文技术博文

// 方法1 对象直接量

代码语言:javascript
复制
var obj1 = {
    v1 : "",
    get_v1 : function() {
        return this.v1;
    },
    set_v1 : function(v) {
        this.v1 = v;
    }
};

// 方法2 定义函数对象

代码语言:javascript
复制
var Obj = function() {
    var v1 = "";
    this.get_v1 = function() {
        return this.v1;
    };
    this.set_v1 = function(v) {
        this.v1 = v;
    }
};

// 方法3 原型继承

代码语言:javascript
复制
var Obj3 = new Function();
Obj3.prototype = {
    v1 : "",
    get_v1 : function() {
        return this.v1;
    },
    set_v1 : function(v) {
        this.v1 = v;
    }
};

// 方法4 工厂模式

代码语言:javascript
复制
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;
}
代码语言:javascript
复制
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);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-07-19 ,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档