javascript学习笔记（2）————this

 //简单的学习JavaScript中this关键词
 //this在于我简单的理解就是谁调用了当前方法（函数），this就指向谁

 var a = 20;
 function fn1(){
     this.a = 10;
 }

 fn1();                 //其实这里隐含了window对象 window.fn1() === fn1()
 alert(this.a);         //10;
 alert(window.a);    //10;

 alert(fn1.a);        //undefined
                     //这里出现undefined，是因为fn1函数并没有自己调用a.
 var fn1 = new fn1();
 alert(fn1.a);         //10; 使用new关键字 js内部大概经历： 1）建立一个空对象 2）this关键字指向空对象 3）空对象赋值给fn1
                     //所以出现this就指向fn1的情况

 //初学的时候很容易犯这样的错误

 var oBox = document.getElementById('bob');
 oBox.onclick = function(){
     this.style.backgroundColor = 'red'; //这里this指向oBox
     function abc(){
         this.style.display = 'block';    //这里this暂时不清楚指向谁，因为还没有被调用
     }
     abc();//刚开始的很容易犯迷糊，以为这里oBox的模型是块模型
           //其实这里发生的window.style.display = 'block';
           //因为其实window调用的。其实有个很简单的方式，因为 abc()前面就没有oBox.而是隐藏的window
 }

 //下面在对象下的调用
 var color = 'black';

 var obj = {
     color :'blue'，
     saycolor : sayColor
 }

 var obj2 = {
     color :'red',
     saycolor : sayColor
 }

 function sayColor(){
     console.log(this.color);
 }

 sayColor(); //'black';
 obj.saycolor();//'blue';
 obj2.saycolor();//'red'