js中this的应用及指向问题

Posted 2020-10-19

 this的应用及指向问题

this是javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是调用函数的那个对象。

this的使用情况：

1、作为普通函数调用，这是函数的最通常用法，属于全局性调用，因此this就代表全局对象。

2、作为对象方法的调用，函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

3、作为构造函数调用，所谓构造函数，就是通过这个函数生成一个新对象（实例）。这时，this就指这个新对象（实例）。

 apply 、 call 、bind的介绍（函数的方法）

window.onload = function() {

        var oDiv = document.getElementById('box');

        oDiv.onclick = function() {

            setInterval(function() {

                this.innerhtml = '2222222222'; //this:window

            }.bind(this), 2000);

        }

     }

apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；第一个参数都是this要指向的对象，也就是想指定的上下文；从第二个参数开始，就是函数的本身的参数；

bind 是返回对应函数，便于稍后调用；apply 、call 则是立即调用 。

我们都知道定时器的匿名函数里不能写this，它会指向window

但有了bind方法以后，我们可以随意设定this 的指向

//obj.showName.call(obj2,200,'女');//call将showName的this的指向改变为obj2

    //obj.showName.apply(obj2,[200,'女']);//apply将showName的this的指向改变为obj2

    //call和apply区别：最后的传参不一样，call：直接传参，apply:参数放在数组中

    //1、改this指向，

    //2、继承功能call

    

   /* window.onload = function() {

        var aLi = document.getElementsByTagName('li'); //类数组

        var arr=Array.prototype.slice.apply(aLi); //类数组转真正的数组,slice截取

        arr.push('123');

        alert(arr);

    }*/

 

    //bind

    //obj.showName.bind(obj2')(200,'女);//bind返回一个函数，添加()才能执行

 对象、命名空间

命名空间namespace（某些语言中叫package），是一个在静态语言中常见的概念。它可以帮助我们更好地整理代码，并可避免命名冲突。也就是通过创建一个简单对象字面量来打包所有的相关函数和变量。这个简单对象字面量模拟了命名空间的作用。