js 组件 应该怎么写

JavaScript030

js 组件 应该怎么写,第1张

如果用Class.create的话，则只要写一个Class，然后每个组件执行下Class.create()即可。

代码示例：

var A = function(msg) {

this.msg = msg

var _this = this

var privateFn1 = function() {

alert(_this.msg)

}

var privateFn2 = function() {

alert(_this.msg)

}

return { fn1: privateFn1, fn2: privateFn2 }

}

var a = new A("myMsg")

a.fn1()

1、定义一个传入占位节点id的组件类

比如这里定义一个组件MyClass

function MyClass(id){//组件模板

}2、在组件内获取节点id

function MyClass(id){//组件模板

var _self = document.getElementById(id)//根据id获取组件

}3、定义类的方法

function MyClass(id){//组件模板

var _self = document.getElementById(id)//根据id获取组件

this.addP=function(){//定义类方法，这里是显示内容为1233

_self.innerHTML ="1233"

}

}4、直接在js中调用使用该组件方法

示例：