https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

https://www.runoob.com/js/js-strict.html

https://www.jb51.net/article/118506.htm

use strict

严格模式下，在全局作用域中，this指向window对象

  1. 全局作用域中的 this，指向 window
  2. 函数中的 this，等于 undefined
  3. 对象的函数（方法）中的this，指向调用函数的对象实例
  4. 构造函数的this，指向构造函数创建的对象实例
  5. 事件处理函数中的this，事件处理函数中，this指向触发事件的目标对象
  6. 内联事件处理函数中的this
  1. "use strict";
  3. console.log("this === window", this === window); // true
  6. function fn(){
  7.   console.log(this); // undefined
  8. }
  10. var obj = {
  11.   a: 'o.a',
  12.   f5: function(){
  13.     return this.a;
  14.   }
  15. }
  18. function Person() {
  19.   this.a = 'ok';
  20.   this.fn = function() {
  21.     console.log(this.b) // this指向构造函数创建的对象实例
  22.     return this.a
  23.   }
  24. }
  26. var obj = new Person()
  27. obj.b = 'obj.b'
  28. console.log(obj.fn())
  32. function onClick(e){
  33.   if(this === e.target){
  34.     // p段落
  35.     this.style.backgroundColor = "#00f";
  36.   }
  37. }
  39. var elements = document.getElementsByTagName('p');
  40. for(var i=0 ; i < elements.length ; i++){
  41.   elements[i].onclick = onClick
  42. }
  46. // undefined
  47. <button onclick="alert((function(){'use strict'; return this})());">
  48.   内联事件处理1
  49. </button>
  51. // button
  52. <button onclick="'use strict'; alert(this.tagName.toLowerCase());">
  53.   内联事件处理2
  54. </button>