js函数调用

JavaScript function 函数内部的代码会在"某物"调用它时执行。

调用 JavaScript 函数

在函数被定义时，函数内部的代码不会执行。

在函数被调用时，函数内部的代码会被执行。

调用函数通常也可以说"启动函数"或"执行函数"。

在本教程中，我们使用"调用"。

以函数形式调用函数

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

以上函数不属于任何对象。但是在 JavaScript 中，始终存在一种默认的全局对象。

在 HTML 中，默认全局对象是 HTML 页面本身，所有上面的函数"属于"HTML 页面。

在浏览器中，这个页面对象就是浏览器窗口。上面的函数自动成为一个窗口函数。

myFunction() 和 window.myFunction() 是同一个函数：

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

this 关键词

在 JavaScript 中，被称为 this 的事物，指的是"拥有"当前代码的对象。

this 的值，在函数中使用时，是"拥有"该函数的对象。

全局对象

当不带拥有者对象调用对象时，this 的值成为全局对象。

在 web 浏览器中，全局对象就是浏览器对象。

本例以 this 的值返回这个 window 对象：

var x = myFunction();             // x 将是 window 对象

  function myFunction() {
    return this;
  }

作为方法来调用函数

在 JavaScript 中，您可以把函数定义为对象方法。

下面的例子创建了一个对象（myObject），带有两个属性（firstName 和 lastName），以及一个方法（fullName）：

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

fullName 方法是一个函数。该函数属于对象。myObject 是函数的拥有者。

被称为 this 的事物，是"拥有"这段 JavaScript 代码的对象。在此例中，this 的值是 myObject。

测试一下！修改这个 fullName 方法来返回 this 的值：

var myObject = {
  firstName:"John",
      lastName: "Doe",
      fullName: function () {
        return this;
      }
}
  myObject.fullName();          // 将返回 [object Object]（所有者对象）

通过函数构造器来调用函数

如果函数调用的前面是 new 关键字，那么这是一个构造函数调用。

它看起来像你创建一个新的函数，但由于 JavaScript 函数是对象，你实际上创建一个新对象：

// 这是一个函数构造函数:  
function myFunction(arg1, arg2) {
      this.firstName = arg1;
    this.lastName  = arg2;
  }
  
  // 这将创建一个新对象
  var x = new myFunction("John", "Doe");
  x.firstName;                              // 将返回 "John"

构造器调用会创建新对象。新对象会从其构造器继承属性和方法。