js组件封装,调用的方法怎么写

JavaScript017

js组件封装,调用的方法怎么写,第1张

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中调用使用该组件方法

示例:

一、JS创建函数的几种方式

1、函数声明:

function sum1(num1,num2){

return num1+num2

}

sum1(10,20)

最普通最标准的声明函数方法

2、函数表达式( 函数字面量):

var sum2 = function(num1,num2){

return num1+num2

}

sum(10,20)

说白了就是把一个函数赋值给了一个变量。