7 JavaScript函数调用&this关键字&全局对象&函数调用&闭包

JavaScript函数有4种调用方式，每种方式的不同之处在于this的初始化

一般而言，在JavaScript中，this指向函数执行时的当前对象

如果函数不属于任何对象，那么默认为全局对象，即HTML页面本身

而浏览器页面对象是浏览器窗口对象，即window对象。此函数会自动变为window对象的函数

因此，从这个层面上来说，myFunction()和window.myFunction()是一样的

function myFunction(a, b) {

    return a * b;

}

myFunction(10, 2);           // myFunction(10, 2) 返回 20

全局对象：即浏览器窗口，window对象

当函数没有被自身的对象调用时，this的值就会变为全局对象

function myFunction() {

    return this;

}

myFunction();                // 返回 window 对象

函数作为方法调用：

创建一个对象，包括两个属性和一个方法，通过调用这个对象来调用方法

<body>

<p id="demo"></p>

<script>

var myObject = {

    firstName : "人散",

    lastName  : "曲终",

    fullName  : function(){

        return this.firstName + " " + this.lastName;

    }

}

    document.getElementById("demo").innerHTML = myObject.fullName();

</script>

</body>

使用构造函数调用函数：

使用new关键字，则调用了构造函数

<body>

<p>该实例中， myFunction 是函数构造函数:</p>

<p id="demo"></p>

<script>

function myFunction(arg1 , arg2){

    this.firstName = arg1;

    this.lastName = arg2;

}

var x = new myFunction("jo","lo");

document.getElementById("demo").innerHTML = x.firstName;

</script>

</body>

作为函数方法调用函数：

在JavaScript中，函数就是对象。
JavaScript函数作为对象有它的属性和方法。
call()和apply()是预定义的函数方法，可用于调用函数，两个方法的第一个参数必须是对象本身。
call()和apply()的区别在于第二个参数，call传入的是函数的参数，而apply传入的是一个参数数组。

闭包：可以访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。

函数+函数能够访问的自由变量

巴特西

7 JavaScript函数调用&this关键字&全局对象&函数调用&闭包

最新文章

热门文章