Articles of este

O uso de $ this em vez de $ (this) fornece um aprimoramento de desempenho?

Suponha que eu tenha o seguinte exemplo: Exemplo um $(‘.my_Selector_Selected_More_Than_One_Element’).each(function() { $(this).stuff(); $(this).moreStuff(); $(this).otherStuff(); $(this).herStuff(); $(this).myStuff(); $(this).theirStuff(); $(this).children().each(function(){ howMuchStuff(); }); $(this).tooMuchStuff(); // Plus just some regular stuff $(this).css(‘display’,’none’); $(this).css(‘font-weight’,’bold’); $(this).has(‘.hisBabiesStuff’).css(‘color’,’light blue’); $(this).has(‘.herBabiesStuff’).css(‘color’,’pink’); } Agora, pode ser: Exemplo dois $(‘.my_Selector_Selected_More_Than_One_Element’).each(function() { $this = $(this); $this.stuff(); $this.moreStuff(); $this.otherStuff(); $this.herStuff(); $this.myStuff(); $this.theirStuff(); $this.children().each(function(){ howMuchStuff(); }); $this.tooMuchStuff(); // Plus […]

TypeScript “this” problema de escopo quando chamado em retorno de chamada jquery

Não tenho certeza da melhor abordagem para lidar com o escopo “this” no TypeScript. Aqui está um exemplo de um padrão comum no código que estou convertendo para o TypeScript: class DemonstrateScopingProblems { private status = “blah”; public run() { alert(this.status); } } var thisTest = new DemonstrateScopingProblems(); // works as expected, displays “blah”: thisTest.run(); […]

JavaScript – Proprietário de “this”

Eu segui um tutorial para criar um cronômetro JavaScript e estou tentando expandi-lo para trabalhar com vários cronômetros (várias instâncias de uma class). O problema que tenho é quando eu estou tentando exibir o valor atual, enquanto o relógio está correndo Eu preciso codificar a instância de class becasue usando “isso” não funciona (na linha […]

Funções de seta e isto

Eu estou tentando ES6 e quero include uma propriedade dentro da minha function como assim var person = { name: “jason”, shout: () => console.log(“my name is “, this.name) } person.shout() // Should print out my name is jason No entanto, quando eu executo este console de código só registra my name is . O […]

Javascript setInterval e `this` solução

Eu preciso acessar this do meu manipulador setInterval prefs: null, startup : function() { // init prefs … this.retrieve_rate(); this.intervalID = setInterval(this.retrieve_rate, this.INTERVAL); }, retrieve_rate : function() { var ajax = null; ajax = new XMLHttpRequest(); ajax.open(‘GET’, ‘http://xyz.com’, true); ajax.onload = function() { // access prefs here } } Como posso acessar this.prefs em ajax.onload […]

Preservando uma referência a “isso” em funções de protótipo JavaScript

Eu estou apenas começando a usar JavaScript prototípico e estou tendo problemas para descobrir como preservar this referência ao object principal de dentro de uma function de protótipo quando o escopo muda. Deixe-me ilustrar o que quero dizer (estou usando o jQuery aqui): MyClass = function() { this.element = $(‘#element’); this.myValue = ‘something’; // some […]

VueJS: por que isso é “indefinido”?

Estou criando um componente com o Vue.js. Quando faço referência a this em qualquer um dos ganchos do ciclo de vida ( created , mounted , updated , etc.), ele é avaliado como undefined : mounted: () => { console.log(this); // logs “undefined” }, A mesma coisa também está acontecendo dentro das minhas propriedades computadas: […]

O que “isto” se refere nas funções de seta no ES6?

Eu li em vários lugares que a principal diferença é que ” this é lexicalmente vinculado a funções de seta”. Isso é tudo muito bem, mas eu realmente não sei o que isso significa. Eu sei que significa que é único dentro dos limites das chaves que definem o corpo da function, mas eu não […]

Passar o contexto “this” correto para o callback setTimeout?

Como faço para passar o contexto para o setTimeout ? Eu quero chamar this.tip.destroy() se this.options.destroyOnHide depois de 1000 ms. Como eu posso fazer isso? if (this.options.destroyOnHide) { setTimeout(function() { this.tip.destroy() }, 1000); } Quando eu tento o acima, this se refere à janela.

Uso de ‘protótipo’ versus ‘isso’ em JavaScript?

Qual é a diferença entre var A = function () { this.x = function () { //do something }; }; e var A = function () { }; A.prototype.x = function () { //do something };