이것은 어떻게 사용됩니까?-JS 튜토리얼-php.cn

(1) 글로벌 환경

글로벌 환경에서는 최상위 객체 를 참조하는 <code class="highlighter-rouge">이것을 사용하세요. 창code>. this，它指的就是顶层对象window。

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="k">this <span class="o">=== <span class="nb">window <span class="c1">// true<span class="kd">function <span class="nx">f<span class="p">() <span class="p">{  <span class="nx">console<span class="p">.<span class="nx">log<span class="p">(<span class="k">this <span class="o">=== <span class="nb">window<span class="p">); <span class="c1">// true<span class="p">}<br/>不管是不是在函数内部，只要是在全局环境下运行，<code class="highlighter-rouge">this</code>就是指顶层对象<code class="highlighter-rouge">window</code>。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></span>

로그인 후 복사

（2）构造函数

构造函数中的this，指的是实例对象。

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="kd">var <span class="nx">Obj <span class="o">= <span class="kd">function <span class="p">(<span class="nx">p<span class="p">) <span class="p">{  <span class="k">this<span class="p">.<span class="nx">p <span class="o">= <span class="nx">p<span class="p">;<span class="p">};<span class="nx">Obj<span class="p">.<span class="nx">prototype<span class="p">.<span class="nx">m <span class="o">= <span class="kd">function<span class="p">() <span class="p">{  <span class="k">return <span class="k">this<span class="p">.<span class="nx">p<span class="p">;<span class="p">};</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></span><br/><br/><span style="font-size: 16px; font-family: "Microsoft YaHei"">上面代码定义了一个构造函数<code class="highlighter-rouge">Obj</code>。由于<code class="highlighter-rouge">this</code>指向实例对象，所以在构造函数内部定义<code class="highlighter-rouge">this.p</code>，就相当于定义实例对象有一个<code class="highlighter-rouge">p</code>属性；然后<code class="highlighter-rouge">m</code>方法可以返回这个p属性。</span>

로그인 후 복사

（3）对象的方法

当A对象的方法被赋予B对象，该方法中的this就从指向A对象变成了指向B对象。所以要特别小心，将某个对象的方法赋值给另一个对象，会改变this的指向。

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="kd">var <span class="nx">obj <span class="o">=<span class="p">{  <span class="na">foo<span class="p">: <span class="kd">function <span class="p">() <span class="p">{<span class="nx">console<span class="p">.<span class="nx">log<span class="p">(<span class="k">this<span class="p">);  <span class="p">}<span class="p">};<span class="nx">obj<span class="p">.<span class="nx">foo<span class="p">() <span class="c1">// obj</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></span><br/><br/>

로그인 후 복사

obj.foo方法执行时，它内部的this指向obj。

但是，只有这一种用法（直接在obj对象上调用foo方法），this指向obj；其他用法时，this都指向代码块当前所在对象（浏览器为window对象）。

// 情况一(obj.foo = obj.foo)() // window// 情况二(false || obj.foo)() // window// 情况三(1, obj.foo)() // window

로그인 후 복사

obj.foo先运算再执行，即使它的值根本没有变化，this也不再指向obj了。

可以这样理解，在JavaScript引擎内部，obj和obj.foo储存在两个内存地址，简称为M1和M2。只有obj.foo()这样调用时，是从M1调用M2，因此this指向obj。但是，上面三种情况，都是直接取出M2进行运算，然后就在全局环境执行运算结果（还是M2），因此this指向全局环境。

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="c1">// 情况一<span class="p">(<span class="nx">obj<span class="p">.<span class="nx">foo <span class="o">= <span class="kd">function <span class="p">() <span class="p">{  <span class="nx">console<span class="p">.<span class="nx">log<span class="p">(<span class="k">this<span class="p">);<span class="p">})()<span class="c1">// 情况二<span class="p">(<span class="kc">false <span class="o">|| <span class="kd">function <span class="p">() <span class="p">{  <span class="nx">console<span class="p">.<span class="nx">log<span class="p">(<span class="k">this<span class="p">);<span class="p">})()<span class="c1">// 情况三<span class="p">(<span class="mi">1<span class="p">, <span class="kd">function <span class="p">() <span class="p">{  <span class="nx">console<span class="p">.<span class="nx">log<span class="p">(<span class="k">this<span class="p">);<span class="p">})()</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></span><br/><br/><span style="font-size: 16px; font-family: "Microsoft YaHei"">同样的，如果某个方法位于多层对象的内部，这时为了简化书写，把该方法赋值给一个变量，往往会得到意料之外的结果。</span>

로그인 후 복사

var a = {  b: {m: function() {      console.log(this.p);},p: &#39;Hello&#39;  }};var hello = a.b.m;hello() // undefined

로그인 후 복사

上面代码中，m是多层对象内部的一个方法。为求简便，将其赋值给hello变量，结果调用时，this指向了顶层对象。为了避免这个问题，可以只将m所在的对象赋值给hello，这样调用时，this的指向就不会变。

로그인 후 복사

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="kd">var <span class="nx">hello <span class="o">= <span class="nx">a<span class="p">.<span class="nx">b<span class="p">;<span class="nx">hello<span class="p">.<span class="nx">m<span class="p">() <span class="c1">// Hello</span></span></span></span></span></span></span></span></span></span></span></span></code></span><br/><br/>

로그인 후 복사

（4）Node

在Node中，this的指向又分成两种情况。全局环境中，this指向全局对象global；模块环境中，this

<span style="font-size: 16px; font-family: "Microsoft YaHei""><code><span class="c1">// 全局环境<span class="k">this <span class="o">=== <span class="nx">global <span class="c1">// true<span class="c1">// 模块环境<span class="k">this <span class="o">=== <span class="nx">module<span class="p">.<span class="nx">exports <span class="c1">// true</span></span></span></span></span></span></span></span></span></span></span></span></code></span><br/><br/><span style="font-size: 16px; font-family: "Microsoft YaHei""><br/></span><br/><br/>

로그인 후 복사

🎜 (2) 생성자 생성자 🎜🎜🎜🎜this는 인스턴스 객체를 참조합니다. 🎜🎜

 <br/>

로그인 후 복사

🎜🎜(3) 객체 메소드🎜🎜🎜🎜객체 A의 메소드가 객체 B에 할당되면 메소드의 이가 객체 A를 가리키는 방식으로 변경됩니다. to는 B 객체를 가리키게 됩니다. 따라서 개체의 메서드를 다른 개체에 할당하면 this의 포인터가 변경되므로 특히 주의하세요. 🎜🎜rrreee🎜🎜obj.foo 메서드가 실행되면 내부 this가 obj. 🎜🎜🎜🎜그러나 사용법은 단 하나뿐입니다(obj 개체에서 foo 메서드를 직접 호출). , this는 다른 용도로 obj를 가리킵니다.

this > 모두 현재 코드 블록이 있는 개체를 가리킵니다(브라우저는 <code class="highlighter-rouge">window

개체입니다). 🎜🎜rrreee🎜🎜obj.foo는 값이 전혀 변경되지 않았더라도 먼저 계산된 후 실행됩니다. 이것은 더 이상 obj를 가리키지 않습니다. 🎜🎜🎜🎜JavaScript 엔진 내부에는 obj와 obj.foo가 저장되어 있음을 알 수 있습니다. M1 및 M2라고 하는 두 개의 메모리 주소. 이렇게 obj.foo()를 호출할 때만 M1 ">M2에서 호출됩니다. code>이므로 this는 obj를 가리킵니다. 그러나 위의 3가지 경우에는 M2를 직접 꺼내서 계산한 뒤, 계산 결과를 전역 환경에서 실행합니다(여전히 M2 ), 이는 전역 환경을 가리킵니다. 🎜🎜rrreeerrreeerrreeerrreee🎜🎜 (4) Node🎜🎜🎜🎜Node에서 이를 가리키는 상황은 두 가지 상황으로 나누어집니다. 전역 환경에서 this는 모듈 환경의 global 전역 객체를 가리킵니다. "highlighter-rouge ">이는 module.exports를 가리킵니다. 🎜🎜rrreerrree

위 내용은 이것은 어떻게 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!