javascript函数调用_javascript wb-优快云博客

本文探讨JavaScript中函数的调用方式，包括作为全局对象的函数和通过构造函数调用。函数默认属于全局对象，在浏览器环境中即window对象。myFunction()与window.myFunction()等价。同时讲解了使用new关键字进行构造函数调用的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var callback=function(result){        //定义变量callback指向一个函数
    console.log(result);
}
callback（100）；                      //函数调用
运行结果：100

function fun02(f){f(100);};            //定义函数fun02，参数为f，基于函数内部实现
fun02(callback);                       //调用函数02，传入参数callback（函数）
运行结果：100

function myFunction(a, b) {
    return a * b;
}
myFunction(10, 2);           // myFunction(10, 2) 返回 20

function myFunction(a, b) {
    return a * b;
}
window.myFunction(10, 2);    // window.myFunction(10, 2) 返回 20

以上函数不属于任何对象。但是在 JavaScript 中它始终是默认的全局对象。在 HTML 中默认的全局对象是 HTML 页面本身，所以函数是属于 HTML 页面。在浏览器中的页面对象是浏览器窗口(window 对象)。以上函数会自动变为 window 对象的函数。

myFunction() 和 window.myFunction() 是一样的。

创建对象调用方法

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

使用构造函数调用函数

如果函数调用前使用了 new 关键字, 则是调用了构造函数。

// 构造函数:
function myFunction(arg1, arg2) {
    this.firstName = arg1;
    this.lastName  = arg2;
}
 
// This    creates a new object
var x = new myFunction("John","Doe");
x.firstName;                             // 返回 "John"