Differences among apply, call, and bind in JS

1）apply： Two parameters , The first is this Point to , The second is the parameters accepted by the function , Pass in as an array
2）call： Two parameters , The first is this Point to , The second is the parameter list
3）bind： Two parameters , The first is this Point to , The second is the parameter list , change this Pointing will not be executed immediately , Return to a permanent change this Function pointed to

If this Pointing to undefined, So it actually points to windows

        function fun(...arguments) {
    
            console.log(this);
            console.log(...arguments);
        }
        var person = {
    
            name: 'jack'
        }
        console.log('--------------------');
        fun.apply(person, [1, 2, 3, 4, 5])
        fun(1, 2, 3, 4, 5)
        fun.apply(null, [1, 2])
        fun.apply(undefined, [1, 2])
        console.log('--------------------');
        fun.call(person, 1, 2, 3, 4, 5)
        fun(1, 2, 3, 4, 5)
        fun.call(null, 1, 2)
        fun.call(undefined, 1, 2)
        console.log('--------------------');
        var bindFun=fun.bind(person, 1, 2, 3, 4, 5)
        bindFun()
        var bindFun1=fun.bind(undefined,1,2)
        bindFun1()

this Point to the situation “
1） Call... As a function ,this It's always window
2） Call... As a method ,this It's the object that calls the method
3） Call... As a constructor （new）,this It's the newly created object
4） Use call and apply Invocation time ,this It's the designated object