js中的this

最新推荐文章于 2026-05-04 08:21:40 发布

原创最新推荐文章于 2026-05-04 08:21:40 发布 · 176 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#js-this

收录于

js 专栏收录该内容

5 篇文章

订阅专栏

本文深入解析JavaScript中this关键字的不同行为，包括默认指向全局对象、在严格模式下变为undefined、作为对象方法时指向该对象、使用new操作符时指向新创建的对象，以及箭头函数中this的特殊规则。

默认的this是widnow或者global

this == window
function dd(){this == window;return this}
dd() == window

方法内使用use strict,this是undefined的

function f2() {
  'use strict'; // see strict mode
  return this;
}
f2() === undefined;

function f2() {
  'use strict'; // see strict mode
  this.a='abc'
  return this;
}
f2() == undefined

函数链式调用时(使用了 . 或者[])，this为调用前面对象的环境

var o = {
  prop: 37,
  f: function() {
    return this.prop;
  }
};
console.log(o.f());

函数使用了new操作符，生成新对象，this为新对象内的环境

function Foo () {
  this.x = 1;
}
var foo = new Foo();
foo.x

箭头函数不包含this, 箭头函数的执行上下文的判定，就在其定义的时刻决定

function tt(){
    var aa= ()=>{console.log(this);}
    aa();
}
tt()


function Foo () {
  this.x = 1;
}

Foo.prototype.print = () => {
  console.log(this);
}
new Foo().print();