javascript中调用函数的方法有哪些-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript中调用函数的方法：1、使用“对象.函数名()”语句调用；2、使用“函数名().call(调用者,参数1 ,参数2 , .....);”语句调用；3、使用“函数名().apply(调用者,参数数组);”语句调用。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

函数的三种实现方式

命名函数

<script type="text/javascript">
function show(name){
    document.write(name+"  hellow")
}
show('laoli');
</script>

匿名函数（推荐）

<script type="text/javascript">
     
var f=function(name){
    document.write('name+"  hellow")
}
f('laoli');
</script>

使用function类构造匿名函数

格式：new Function（（'参数列表'），（'参数列表'），（‘函数执行体’））；

注：

Function中f大写
参数列表和函数执行体要加引号
以分号结束

<script type="text/javascript">
    var f = new Function('name', 'alert(name+"你好");');
    f('laoli');
</script>

列：命名函数的使用

<script type="text/javascript">
    function show(){
        document.write('我是命名函数')
    }
    var f=show();
    f();//函数调用
</script>

函数中变量与函数访问

函数中全局变量可以直接访问

函数中的函数需要先调用才可以访问

列：实现函数内的函数调用（局部函数的调用）

<script type="text/javascript">
var num='laoli';
var f=function(num){
    document.write(num+'真可爱');
     
    function show(){
        document.write('他不是女人')
    }
    show();//调用show(）函数
}
//执行函数
f(num);
</script>

结果：laoli真可爱他不是女人

函数调用三种方式

对象.函数应用
call方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
apply方法调用函数 apply(调用者,参数数组)

注：当声明一个函数是默认分配给window对象

列：实现三种调用

<script type="text/javascript">
    //创建命名函数
    function show(name, age) {
        document.write(name + '是男人，他' + age + '岁');
    }
    //对象.函数应用
    window.show('小明', '30'); 
    //all方法调用函数 函数应用.( 调用者,参数1 ,参数2 , .....)
    show.call(window, '小明', '30');
    //apply方法调用函数  apply(调用者,参数数组)
    show.apply(window, ['小明', '30']);
</script>

列：数组中函数调用

<script type="text/javascript">
    //show传入两个参数 1个数组 1个函数
    function show(arr, func) {
        //func.call(window, arr);
        func.apply(window, [arr])
    }
    show([1, 2, 3, 4], function(arr) {
        for (i in arr) {
            document.write(arr[i] + '<br/>')
        }
    });
</script>