挑戰百日學習計劃(南寧小程序開發)第21天(javascript this)

恭喜自己!最近談下一單【小程序開發:www.zkelm.com】,非常開心,費用2w元,可以鬆一口氣了,公司這個月有事情做了。而我又可以花時間學習升級一下自己,
在這裏插入圖片描述
今天的知識點: this
javascript This 關鍵字,指的是他的對象

1.在方法中,this 指的是所有者對象


person={
  firstName:"南寧小程序開發",
  lastName:"www.zkelm.com",
  fullName:function(){
     return this.firstName+":"+lastName
   }
 }
 function Mfun(){
  document.getElementById("mmm").innerHTML=person.fullName();
  }

HTML部分代碼

<p id="mmm"></p>

輸出結果:【小程序開發:www.zkelm.com

2.單獨條件下,This 指的是全局對象,也就是window對象

3.在函數中,This指的是全局對象

函數:什麼是函數 :function Name() { …} 這種function開頭的就是函數 ,可以這樣子理解,
函數就是 window的方法。 所以在函數裏面的this 其實就是window 也就是全局對象!

代碼可以這樣子寫

window={
   name:"www.zkelm.com"
   xxx:function(){
    this.name
    }
}

所以此時的 函數內部的 this 就是window

4.在事件中。this 指的是 接受事件的元素

<button onclick="this.style.display='none'">點我消失</button>

5.Call() 和 apply()這樣子的方法可以將this引用到任何對象.

var person1={
   fullName:function(){
      return this.firstName+":"+lastName;
    }
 }
 var preson2={
      firstName:"企業OA開發",
      lastName:"www.zkelm.com",
  }
person1.fullName.call(preson2);

結果輸出:【企業oa開發:www.zkelm.com】

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章