什么是JS组件，和插件的区别是什么

JavaScript014

什么是JS组件，和插件的区别是什么,第1张

他们是一个东西，没什么区别。js组件就是把一系列的功能封装起来，包装成一个对象。比如一个表格组件，一个表单组件等等。一个组件必然包含了某种特定的职能，目的在于可以复用。比方说，你的网站需要展示一个万年历，那么最基本的方法，就是自己画table,自己写逻辑，麻烦得一笔。假如我有100个页面，那么是不是说我要把这些代码复制100遍？？所以，为了避免这种麻烦，就可以把万年历封装成一个组件，然后做成一个js文件发布，别人下载就行了。

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、准备好外部想要引入的外部文件，命名为util.js，并且填充固定的文件内容（一般是固定的库）。

2、打开util.js，继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里（utils规定存放js库和数字格式化文件）。

4、在想要用到这个方法的js里面require这个js，然后调用即可。