JS使用构造函数写“类”的入门实例
内容摘要
这篇文章主要为大家详细介绍了JS使用构造函数写“类”的入门实例,具有一定的参考价值,可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了JS使用构造函数写“类”的入门实例,具有一定的参考价值,可以用来参考一下。
对此感兴趣的朋友,看看idc笔记做的技术笔记。js其实没有类的概念,不过业界人士一般都使用构造函数来写JS的“类”(潜规则)。JS代码如下:
/**
* 使用构造函数写“类”
* @param
* @arrange (www.idcnote.com)
* 定义一个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’
});
代码注释