挑战百日学习计划(南宁小程序开发)第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】

猜你喜欢

转载自blog.csdn.net/zkelm/article/details/106678993