JS类模拟练习解析

这篇文章主要为大家详细介绍了JS类模拟练习解析，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。Simple JavaScript Inheritance可以给Class添加extend方法，但是他那代码目前还是不能太理解，如果不添加extend方法的话写一个类就很简单了，下面这个应该十分容易理解了：
JS代码如下：

/**
 * JS类
 *
 * @param 
 * @arrange (512.笔记) www.q1010.com
 **/
var Class = function() {
    var klass = function() {
        this.init.apply(this, arguments);
    };
    klass.prototype.init = function() {
    };
    return klass;
};
var Person = new Class;
Person.prototype.init = function(opts) {
    opts = $.extend({
        "element": 'box'
    }, opts || {});
    this.opts = opts;
    this.element = $(opts.element);
    this.render();
};
Person.prototype.render = function() {
    var elEl = $(this.element);
    var opts = this.opts;
    elEl.html(opts.name + '，' + opts.age);
};
/**
 * 开始执行脚本
 */
$(function() {
    var person = new Person({
        element: '.mybox2',
        name: '李四',
        age: 55
    });
});

// 来自：四海网（www.q1010.com）

本文来自：http://www.q1010.com/174/1745-0.html

注：关于JS类模拟练习解析的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：JS类