靠谱前端培训|上海web前端培训机构-百读易莱胜官网 靠谱前端培训.png

靠谱前端培训.png
【上海校区】 专攻小班JS前端培训
当前位置:  主页 > web前端文章 > javascript >

浅谈前端开发培训JavaScript中this指向

2019-03-26/12:03:32

2.jpg

前端开发JavaScript中关于this指向的问题,其实很多人都不一定能理的清楚,尤其在面试中被问到的概率性很大,那今天前端开发培训班易莱胜给大家做一个小小总结。

一,作为函数调用时,this指向的是全局对象。

例如:
var i = 'window'
var j = function {
    console.log(this.i)}
j()   //window

二,作为构造函数调用时,构造函数会初始化新创建的对象,并将该对象作为它调用的上下文,那么这个时候this所指向的是该新创建的对象。

例如:
var i = 'window'
function j() {
    this.i = 'j'
    console.log(this.i)}
var obj = new j  //j
console.log(this.i)  //window

5.jpg

三,作为对象的方法调用,这个时候该对象起到了调用上下文的作用,即this指向为该对象。

例如:
var  i = 'window'var  j = function() {
    console.log(this.i)}
var obje = {
    i: 'obje',
    j: j,
    anotherObje: {
        i: 'anotherObje',
       j: j
    }}
obje.j()   //obje
obje.anotherObje.j() //anotherObje

以上三个小结只是this指向中的一部分,想要系统学好JavaScript还需要积累多方面的知识,更多详情可参照上海易莱胜官网。