zoukankan      html  css  js  c++  java
  • JavaScript中的this

    一."this"公理

    this关键字永远都指向函数(方法)的所有者;

    function fn1(){
        this
    };
    
    fn1();       this=>window
    oDiv.onclick=fn1;      this=>oDiv
    oDiv.onclick=function(){
        this                     this=>oDiv
        fn1();                   this=>window
    }
    <div onclick="this/fn1();"></div> //这种行间脚本的写法现在非常罕见
    这里的this指向div,fn1()里的this指向window
    var it=
    {
        info:["腾讯","搜狐","新浪","百度"],
        getinfo:function()
        {
            alert(this.info.join(","));
        }
    };
    it.getinfo();
    

    输出:腾讯,搜狐,新浪,百度

    二.函数赋值给变量时的"this"问题

    var it=
    {
        info:["腾讯","搜狐","新浪","百度"],
        getinfo:function()
        {
            alert(this.info.join(","));
        }
    };
    var data=it.getinfo;
    data();
    

    输出:报错,TypeError: this.info is undefined

    代码相当于

    var data=function(){
        alert(this.info.join(","));
    };
    data();
    

    这里的this指向window,这里的data是被赋值,如果是var data=it.getinfo();那就是调用,结果还是腾讯,搜狐,新浪,百度。如果alert(this.it.info.join(","));结果还是腾讯,搜狐,新浪,百度。

    var info=["QQ","sohu","sina","baidu"]
    var it=
    {
        info:["腾讯","搜狐","新浪","百度"],
        getinfo:function()
        {
            alert(this.info.join(","));
        }
    };
    var data=it.getinfo;
    data();
    

    输出:QQ,sohu,sina,baidu

    三.作为对象方法调用时的"this"问题

    function test()
    {
        alert(this.x);
    }
    var o={};
    o.x=1;
    o.t=test;
    o.t();
    

     输出:1

    四.作为构造函数调用时的"this"问题

    var x=2;
    function test()
    {
        this.x=1;
    }
    test();
    alert(x);
    

     输出:1

    var x=2;
    function test()
    {
        this.x=1;
    }
    var o=new test();
    alert(o.x);
    alert(x);
    

     输出:1,2

    五.闭包中的"this"指向问题

    var it=
    {
        info:["腾讯","搜狐","新浪","百度"],
        getinfo:function()
        {
    	function abc(){
              alert(this.info.join(","));
    	}
    	abc();
        }
    };
    it.getinfo();
    

    输出:报错,TypeError: this.info is undefined

    闭包中的this不能指向it

    解决方法

    var it=
    {
        info:["腾讯","搜狐","新浪","百度"],
        getinfo:function()
        {
    	var _this=this;
    	function abc(){
                alert(_this.info.join(","));
    	}
    	abc();
        }
    };
    it.getinfo();
    

     优点:无论外部函数名字(it)怎么变,都能指向info

  • 相关阅读:
    (转载) mysql中,option是保留字段么?
    (转载)腾讯CMEM的PHP扩展
    (转载)一句简单命令重启nginx
    (转载)四种常见的 POST 提交数据方式
    (转载)完美解决PHP中文乱码问题
    (转载)file_get_contents("php://input")
    (转载)PHP 下 CURL 通过 POST 提交表单失败的原因之一与解决办法
    (转载)php array_merge 和 两数组相加区别
    Immutable-不变模式与不变类
    zookeeper 编程框架 curator
  • 原文地址:https://www.cnblogs.com/zhangwenkan/p/3910440.html
Copyright © 2011-2022 走看看