"엄격한 사용"에 관한 범위 및 $이

Question

나는 다음과 같은 코드

$(document).ready(function($) { 
    "use strict"; 
    generalClass = function() { 

    this.ip    = false; // page page 
    this.ie    = false; // IE 
    this.pp    = false; // portfolio page 
    this.om    = false; // organize menu 
    this.wc    = false; // shop 
    this.sh    = false; // side header 

    // So we can get the correct $this if needed 
    $this    = this; 

    this.__init(); 

} 

generalClass.prototype = { 

    __init: function($check) { 

    // Run functions 
    $this.__format(); 
    $this.__resize(); 
    } 
} 
}); 

하지만 $this가 정의되지 않은 것을 얻고에게 있습니다. var $ this로 쓰려고 시도했지만 여전히 $this.__format();에 대해서는 정의되지 않았습니다. $this 대신이 코드를 사용할 수 있다는 것을 알았지 만 코드의 나중에 인스턴스를 찾을 수 없습니다. $this이 __init() 함수에 정의되도록하려면 어떻게해야합니까? 그래서 그것은 generalClass를 참조합니다.

감사합니다. 당신이 엄격 모드를 사용하려면 모든

Answer 1

먼저, 당신은 generalClass 및 $this 당신의 전 var (또는 let, 또는 const)을 넣어해야합니다. 그와 마찬가지로

는 :

(function() { 
    "use strict"; 
    var generalClass = function() { 

     this.ip    = false; // page page 
     this.ie    = false; // IE 
     this.pp    = false; // portfolio page 
     this.om    = false; // organize menu 
     this.wc    = false; // shop 
     this.sh    = false; // side header 

     // So we can get the correct $this if needed 
     var $this    = this; 

     this.__init(); 
    }; 

    generalClass.prototype = { 

     __init: function($check) { 
      console.log('$this', $this); 
      // Run functions 
      $this.__format(); 
      $this.__resize(); 
     } 
    } 

    var instance = new generalClass(); 
}()); 

는

가 무엇 이제 어떻게 (.. 내가 클래스의 인스턴스를 생성 그래서 인생을 내가 콘솔 플러스에서 실행 할 수 $(document).ready() 변경)? $this 안에 __init()이 정의되어 있지 않습니다. 안에 $this을 정의해야하지만 여기에 문제가 있습니다. 할당 할 대상은 무엇입니까?

__init()의 예에서 $this 대신 실제로 this을 호출 할 수 있지만 이미 지적했듯이 항상 가능한 것은 아닙니다. 그래서 한, 당신으로하십시오 할

다음

(function() { 
    var GeneralClass = function() { 
     this.foo = [1, 2, 3]; 
     this.bar = 4; 
     this.baz = [5]; 
    }; 

    GeneralClass.prototype.someFunction = function() { 
     console.log('foo', this.foo); // [1, 2, 3] 
     console.log('bar', this.bar); 

     var self = this; // storing reference to *this* (oobject for later) 

     this.baz.forEach(function (item) { 
      console.log('baz?', this.baz); // undefined, because *this* means here this.baz, and there is no this.baz.baz 
      console.log('baz!', self.baz); // [5] 
     }); 

     console.log('foo * bar'); 
     this.foo.forEach(function (item, index) { 
      console.log('item', index, 'value', item * self.bar); 
     }); 

     console.log('Both accesible here', this.bar, self.bar); 
    }; 

    var generalClassInstance = new GeneralClass(); 
    generalClassInstance.someFunction(); 
}()); 

I 할당 this 개인적으로, 나는 $(this)에 대한 $this를 사용하는 거라고하지만, 그것은 단지 협약 (self에 :

그러나 좀 더 추상적 인 예제를 설명하자 너는 일관성이있어.) 이제 내 함수 내부에서 호출 된 함수는 에 대한 참조로 작동하는 self을 사용할 수 있습니다. 하위 함수에서 다른 함수를 호출하면 여전히 GeneralClass의 this을 가리 킵니다.

주로 관심있는 내용이 맞기를 바랍니다.