JS类模拟练习解析

前端之家收集整理的这篇文章主要介绍了JS类模拟练习解析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。Simple JavaScript Inheritance可以给Class添加extend方法,但是他那代码目前还是不能太理解,如果不添加extend方法的话写一个类就很简单了,下面这个应该十分容易理解了:
JS代码如下:

/**
 * JS类
 *
 * @param 
 * @arrange (512.笔记) jb51.cc
 **/
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
    });
});

// 来自:编程之家 jb51.cc(jb51.cc)
原文链接:https://www.f2er.com/js/527638.html

猜你在找的JavaScript相关文章