• 技术文章 >web前端 >js教程

    javascript如何调用函数

    醉折花枝作酒筹醉折花枝作酒筹2021-04-16 17:53:57原创592

    方法:1、用“函数名(参数,参数)”语句调用;2、作为对象的方法调用,语法“对象名.方法名()”;3、用call或apply调用,语法“函数名.call|apply(参数,参数)”;4、用new命令,语法“new 函数名(参数,参数)”。

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

    JavaScript 提供了 4 种函数调用:一般形式的函数调用、作为对象的方法调用、使用 call 和 apply 动态调用、使用 new 间接调用。

    1、一般形式的函数调用

    在默认状态下,函数是不会被执行的。使用小括号()可以激活并执行函数。在小括号中可以包含零个或多个参数,参数之间通过逗号进行分隔。

    在下面示例中,使用小括号调用函数,然后直接把返回值传入函数,进行第二次运算,这样可以节省两个临时变量。

    function f(x,y) {  //定义函数
        return x * y;  //返回值
    }
    console.log(f(f(5,6), f(7,8)));  //返回1680。重复调用函数

    2、作为对象的方法调用

    在 JavaScript 中你可以将函数定义为对象的方法。

    以下实例创建了一个对象 (myObject), 对象有两个属性 (firstName 和 lastName), 及一个方法 (fullName)

    var myObject = {
        firstName:"John",
        lastName: "Doe",    
        fullName: function () {
            return this.firstName + " " + this.lastName;
            }
        }
            myObject.fullName();         // 返回 "John Doe"

    3、使用 call 和 apply 动态调用

    call 和 apply 是 Function 的原型方法,它们能够将特定函数当做一个方法绑定到指定对象上,并进行调用。具体用法如下:

    function.call(thisobj, args...)
    function.apply(thisobj, [args])

    function 表示要调用的函数;参数 thisobj 表示绑定对象,即 this 指代的对象;参数 args 表示要传递给被调用函数的参数。call 方法可以接收多个参数列表,而 apply 只能接收一个数组或者伪类数组,数组元素将作为参数列表传递给被调用的函数。

    下面示例使用 call 动态调用函数 f,并传入参数值 3 和 4,返回运算值。

    function f(x,y) {  //定义求和函数
        return x + y;
    }
    console.log(f.call (null, 3, 4));  //返回7

    all 和 apply 方法的主要功能如下:

    4、new 命令间接调用

    使用 new 命令可以实例化对象,这是它的主要功能,但是在创建对象的过程中会激活并运行函数。因此,使用 new 命令可以间接调用函数。

    下面示例简单演示了如何用 new 命令,把传入的参数值显示在控制台。

    function (x,y) {  //定义函数
        console.log("x =" + x + ", y =" + y);
    }
    new f(3,4);

    【推荐学习:javascript高级教程

    以上就是javascript如何调用函数的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 调用函数
    上一篇:JavaScript如何添加节点 下一篇:详解Angular中的NgModule(模块)
    大前端线上培训班

    相关文章推荐

    • javascript怎么删除div节点• javascript如何实现禁止刷新效果• javascript获取日期的方法是什么• javascript如何将其他类型转换为string• chrome如何实时修改javascript

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网