码迷,mamicode.com
首页 > 其他好文 > 详细

ES6类里面this指向

时间:2019-09-27 21:01:25      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:构造函数   htm   struct   value   dev   har   scale   head   png   

  • 构造函数里this指向实例对象
  • 方法里this指向调用者
    • 不调用时候this指向原型对象
    • 调用时候指向调用者
    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport"
            content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <input type="button" value="dianji">
      <div>213</div>
      <script>
        class Btn {
          constructor (id) {
            this.btn = document.querySelector(id);
            this.btn.onclick = this.click;
          }
          click() {
            // 方法里的this指向调用者
            console.log(this);
          }
        }
        var btn = new Btn('input');
        // console.log(btn);
        btn.click();
        var div = new Btn('div');
        div.click();
      </script>
    </body>
    </html>
    技术图片

ES6类里面this指向

标签:构造函数   htm   struct   value   dev   har   scale   head   png   

原文地址:https://www.cnblogs.com/itxcr/p/11600180.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!