js this

Posted 2020-11-07 最初的梦想DW

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js this相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
     function to_green(){
        this.style.color="green";
    }
    function init_page(){
    var example=document.getElementById("example");
        example.onclick=to_green;
   }
   window.onload=init_page;
</script>
<a href="#" id="example" style="color: red;">点击变绿</a>


定义:this是包含它的函数作为方法被调用时所属的对象,

 1、包含它的函数。2、作为方法被调用时。3、所属的对象。

function to_green(){
   this.style.color="green";
}
to_green();
函数所属的对象   默认情况是window 并没有style这个属性

通过赋值操作，example对象的onclick得到to_green的方法，那么包含this的函数就是to_green()喽，

onclick事件是让example对象调用了to_green()函数，所以this指向example

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56}; 

for (x in person)
{
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

for in 循环

以上是关于js this的主要内容，如果未能解决你的问题，请参考以下文章

谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js

在 webview_flutter 中启用捏合和缩放，在哪里添加代码片段 [this.webView.getSettings().setBuiltInZoomControls(true);]