JS使用构造函数写“类”的入门实例

前端之家收集整理的这篇文章主要介绍了JS使用构造函数写“类”的入门实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。js其实没有类的概念,不过业界人士一般都使用构造函数来写JS的“类”(潜规则)。
JS代码如下:

/**
 * 使用构造函数写“类”
 * @param 
 * @arrange (512.笔记) jb51.cc
* 定义一个MyClass的类(首字母大写)
* @param opts
* @constructor
**/
var MyClass = function(opts) {
opts = $.extend({
"element": null,//容器
"listPath": "/attach_html/getAttachImgFilesOfIReceive" //路径地址
},opts);
this.opts = opts; //定义属性
this.init(); //执行初始化方法
};

//方法放在原型下面,私有方法命名加下划线
$.extend(MyClass.prototype,{

//初始化
"init": function() {
var that = this;
var opts = this.opts;
var elEl = this.element;
console.info(opts);
},// 私有方法
"_private": function() {
//do….
}
});

var itemEl = $(‘.itme’);
// 实例化
var newClass = new Classes({
"element": itemEl,//容器
"name": ‘liuxiaofan’
});

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

猜你在找的JavaScript相关文章