学习笔记之javaScript中的this关键字

this关键字

this是谁和函数在哪儿定义和在哪儿执行的没有任何关系；

如何区分this呢?

• 1.函数执行，首先看函数名前面是否有".",有的话，前面是谁this就是谁，没有的话this就是window

//111
function fn () {
    console.log(this);
}
var obj = {fn1: fn}
fn() //=>window
obj.fn1() // =>obj

//222
function sum() {
    fn(); //this->window
}
sum();

//333
var oo = {
    function sum() {
        //this->oo

        fn(); //this->window
    }
}
oo.sum();

• 2.自执行函数中的this，永远是window

• 3.给元素的某一个事件绑定方法，事件触发的时候，执行对应的方法，方法中的this是元素本身

function fn () {
    console.log(this);
}
document.getElementById('div1').onclick = fn; //fn中的this是 #div1

/
var div1 = {
    onclick: fn;
}
//当点击事件触发时，这样就和第一点中111的代码很相似了
div1.onclick();


document.getElementById('div1').onclick = function (){
    //this->#div1
    fn(); //this-> window
}

三点总体来看其实最终都是第一点，不过如果只是记忆的话，分成三点容易应付不同的场景，毕竟自己分析容易出错。

• 4、在构造函数模式中，类中出现的this，代表当前类的实例

    function createJsPerson(name, age){
        //this代表p1
        this.name = name;
        this.age =age;
        this.writeJs = function() {
            console.log("name:" + this.name);
            console.log("age:" + this.age);
        }
    }
    var p1 = new createJsPerson(’Sys_菜菜‘, 4);
    p1.writeJs();