2017-12-18this

一、this

当前的 关键字 函数的拥有者

1.函数中的引用
    var x = 1;
    function test() {
      this.x = 0;  // this==test
  };
  function test1() {
     this.x = 2;    // this ==> test1
  }
  test();
  test1();
  console.log(x)  //==> 2  从上往下按照顺序执行
2.在对象中调用
function test3(){
  return this.a;  //this,指向调用者 obj.action;
}
var obj = {}
obj.a =1;
obj.action =test3;
console.log(obj.action());  //==>1
3.构造函数

this指向实例化以后的对象

function Person(age,name) {
    this.name = name;
    this.age = age;
}
var fun = new Person('xiao1',22);
var fun2 = new Person('xiao2',22);
console.log(fun.name);

例:面试题

var number = 1;
    var object1 = {
        number:2,
        showNumber:function(){
            this.number = 3;
            (function(){
                console.log(this.number);   //==>1
            })();
            console.log(this.number);  //==>3
        }
    };
    object1.showNumber(); 

考点:函数自执行 this指向的是window

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,766评论 18 399
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,270评论 0 4
  • 各位下午好,我是显浩,欢迎大家来到我的简书! 这是第4次作业了,如果你也想参与进来,欢迎看文末! (点击查看大图)...
    黄显浩阅读 723评论 3 3
  • 她宛若一位亭亭玉立的少女,矗立在斯芬克斯山岩上,终年不化的积雪犹如她的长裙; 阿莱奇冰河铺满厚厚的白雪,在阳光的照...
    孟娟游天下阅读 444评论 0 0
  • 无智带你一起去看看今年的上海国际摄影节! 好了就更新到这里了,楼主手和眼都更新的有点累了,下次有空再和大家说一下楼...
    觉智师兄阅读 443评论 0 5