需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、将html中的函数封装到index.js文件中。
3、在index.html中的<script>标签,引入提取封装的js文件,并输入调用的js代码:fun2()fun1()。
4、浏览器运行index.html页面,此时成功调用了外部js文件中的函数打印出了结果。
1、JS封装就是尽量把使用的方式简单化,内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置。2、JS封装的方法有函数方式、对象的方式、闭包的方式。
举例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
1)函数方式
function kk(a,b){
内部对a,b怎么处理就不需要关心了
}
2)对象方式
function kk(a,b){
this.x = a
this.y = b
}
var k = new kk(1,2)//通过面向对象的方式
alert(k.x)
3)闭包方式
function kk(a,b){
var k = 1
return function tt(){
k++
}
}
var u = kk(1,2)
u()//闭包实现累加
u()//闭包实现累加