js中函数this的指向

this

• 在面试中，js指向也常常被问到，在开发过程中也是一个需要注意的问题，严格模式下的this指向undefined，这里就不讨论。

普通函数

• 记住一句话哪个对象调用函数，该函数的this就指向该对象。总指向它的调用者。

var name = '车神'

var obj = {

    name: '黄杰',

    getName: function(){

        console.log(this.name)

    }

}

var b = obj.getName

obj.getName()// '黄杰'

b() // '车神'

• 但是下面的代码，可能就会有点疑惑了，为什么打印的是undefined，因为全局使用var声明的变量会成为window的属性，而ES6的let、const声明的变量不再是window的属性，通过window.name不能访问该属性。

let name = '车神'

let obj = {

    name: '黄杰',

    getName: function(){

        console.log(this.name)

    }

}

let b = obj.getName

b() // undefined

箭头函数

• 箭头函数在定义时就决定了this的指向，定义时所处的上下文环境对象即为this的指向，全局的上下文环境对象为window。

var name = '车神'

var obj = {

    name: '黄杰',

    getName: () =>{

        console.log(this.name)

    }

}

var b = obj.getName

obj.getName()// '车神'

b() // '车神'

new操作符

• 从这篇文章看到js的new操作符深度解析，new操作符做了以下几件事。this指向了其过程中创建的空对象。

面试题一

• 这是我目前看到最有意思的面试题，先思考两分钟...

var length = 100

function foo(){

    console.log(this.length)

}

var obj = {

    length: 10,

    getLength(cb){

        cb()// 打印啥？

        arguments[0]()// 打印啥？

    }

}

obj.getLength(foo, length, obj)

面试题二

• 这道题也有点意思，还做错了，先思考两分钟

function foo(xx){

    this.x = xx

    return this

}

var x = foo(5)

var y = foo(6)

console.log(x.x)// 打印啥？

console.log(y.x)// 打印啥？