需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.js中，实现func1和func2函数。
3、在index.html中，新增第3个button，并调用func3()方法，并在<script>标签中输入js代码：
function func3() {
$('body').append('use func3<br/>')
}
4、浏览器运行index.html页面，此时点击“函数3”按钮，能正常执行func3函数来输出内容。
JS函数的定义与调用方法JS函数调用的四种方法：方法调用模式，函数调用模式，构造器调用模式，apply,call调用模式
1.方法调用模式：
先定义一个对象，然后在对象的属性中定义方法，通过myobject.property来执行方法，this即指当前的myobject
对象。
var blogInfo={
blogId:123,
blogName:"werwr",
showBlog:function(){alert(this.blogId)}
}
blogInfo.showBlog()
2.函数调用模式
定义一个函数，设置一个变量名保存函数，这时this指向到window对象。
var myfunc = function(a,b){
return a+b
}
alert(myfunc(3,4))
3.构造器调用模式
定义一个函数对象，在对象中定义属性，在其原型对象中定义方法。在使用prototype的方法时，必须实例化该对象才能调用其方法。
var myfunc = function(a){
this.a = a
}
myfunc.prototype = {
show:function(){alert(this.a)}
}
var newfunc = new myfunc("123123123")
newfunc.show()
4.apply,call调用模式
var myobject={}
var sum = function(a,b){
return a+b
}
var sum2 = sum.call(myobject,10,30)//var sum2 = sum.apply(myobject,[10,30])
alert(sum2)
Js文件中调用其它Js函数的方法：\x0d\x0a1、例如有这样一个html，里面有一个按钮，当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢？\x0d\x0a首先，在html中引入b.js，并在
