javascript 调用函数 js调用函数中的函数

文章目录

• JS 函数调用
• 调用JS函数

• 以函数形式调用函数
• 作为方法来调用函数
• 通过函数构造器来调用函数

• this关键词
• 全局对象

JS 函数调用

• JavaScript 函数内部的代码会在“某物”调用它时执行。

调用JS函数

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

以函数形式调用函数

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

• 在 HTML 中，默认全局对象是 HTML 页面本身，所有上面的函数“属于”HTML 页面。
• 在浏览器中，这个页面对象就是浏览器窗口。上面的函数自动成为一个窗口函数。

• 这是调用函数的常见方法，但并不是一个好习惯。

• 全局变量、方法或函数很容易在全局对象中产生命名冲突和漏洞。

eg:

function myFunction(a, b) {
    return a * b;
}
myFunction(10, 2);           // 将返回 20
//myFunction() 和 window.myFunction() 是同一个函数：
function myFunction(a, b) {
    return a * b;
}
window.myFunction(10, 2);    // 也会返回 20

作为方法来调用函数

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

eg:

//一个对象（myObject），带有两个属性（firstName 和 lastName），以及一个方法（fullName）：

var myObject = {
    firstName:"Bill",
    lastName: "Gates",
    fullName: function () {
    //this 的值是 myObject。
        return this.firstName + " " + this.lastName;
    }
}
myObject.fullName();         // 将返回 "Bill Gates"

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

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

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

eg:

// 这是函数构造器：
function myFunction(arg1, arg2) {
	//构造器内的 this 关键词没有值。
    this.firstName = arg1;
    this.lastName  = arg2;
}
//构造器调用会创建新对象。新对象会从其构造器继承属性和方法。
// 创建了一个新对象：
//this 的值会成为调用函数时创建的新对象。
var x = new myFunction("Bill", "Gates");
x.firstName;                             // 会返回 "Bill"

this关键词

定义： 在JS中，this指的是“拥有”当前代码的对象
注意： this 并不是变量。它属于关键词。您无法改变 this 的值。

全局对象

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

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

eg:
以 this 的值返回这个 window 对象：

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

function myFunction() {
   return this;
}

调用一个函数作为一个全局函数，会导致 this 的值成为全局对象。

作为变量来使用 window 对象很容易使程序崩溃。