JS函数的调用 ——call() apply() bind()

JS函数的调用 ——call() apply() bind()

JS中关于函数的调用除了传统的使用函数名(实参列表)的方法，还提供三种调用方式。
this总是指向被调用方法的对象，区别于普通的调用方式，以下三种函数调用可以改变this的指向。
函数名.call(执行环境对象,实参列表)
.call()可以调用当前函数，并可以指定其执行环境对象，即更改this的指向

   <script>
         function foo(name, age) {
            console.log(name)
            console.log(age)
        }
        //当前this指向其调用者foo
    </script>

<script>
        var Person = {
            fullName: function (city, country) {
                return console.log(this.Name + " " + this.friend + "," + city + "," + country);
            }
        }
        var person1 = {
            Name: "pgOne",
            friend: "Brantb"
        }
        Person.information.call(person1, "Xian", "Chian");
        //此时this指向person1
 </script>

函数名.apply(执行环境对象,实参列表数组);

 <script>
        function foo(name, age) {
            console.log(name)
            console.log(age)
        }
        foo.apply(this, ["name", 12])
        var Person = {
            information: function (city, country) {
                return console.log(this.Name + " " + this.friend + "," + city + "," + country);
            }
        }
        var person1 = {
            Name: "pgOne",
            friend: "Brantb"
        }
        Person.information.apply(person1, ["Xian", "China"])
 </script>

函数名.bind(执行环境对象)(实参列表)
或者函数名.bind(执行环境对象,实参列表)();
由于bind返回的仍然是一个函数，所以我们还可以在调用的时候再进行传参
函数名.call()和函数名.apply()有什么区别？
方法的含义是一样的，即方法功能是一样的；第一个参数的作用是一样的；但是call可以传入多个参数，但是apply只能接受两个参数，所以第二个参数通常是以数组形式传入。