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

  • 相关阅读:
    html 简介
    MySQL事务等了解知识
    MySQL—navicat&&练习&&pymysql
    MySQL查询表(一)
    作业
    MySQL约束&&表关系
    mysql数据类型
    初识mysql
    dll 原理解析
    又过了一天
  • 原文地址:https://www.cnblogs.com/zhangwenkan/p/3910440.html
Copyright © 2011-2022 走看看