blocks|key|278558|text|如果不运行代码就很难检测到这种情况。您可以使用选项validthis取消显示此警告：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|278559|"use+strict";

var+obj+=+{
++++f:+function()+{
++++++++this.prop+=+'value';
++++++++g.bind(+this+)();
++++}
};

function+g()+{
++++/*jshint+validthis:true+*/
++++console.log(+this.prop+);
}|code-block|syntax|javascript|278560|需要注意的是，jshint注释是函数作用域。因此，注释将适用于函数g及其内部函数，而不仅仅是下一行。|278561|entityMap^0|P|9|0|0|X|1|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

It is extremely hard to detect this case without running the code. You can use option <code>validthis</code> to suppress this warning:

<pre><code>"use strict";

var obj = {
 f: function() {
 this.prop = 'value';
 g.bind( this )();
 }
};

function g() {
 /*jshint validthis:true */
 console.log( this.prop );
}
</code></pre>

It is to be noted that jshint comments are function scoped. So the comment will work for the function <code>g</code> and its inner functions, not just the next line.

blocks|key|278610|text|这是一个不同的“设计模式”，正如你所说，它实现了同样的事情，但完全避免了问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|278611|"use+strict";

function+obj()+{
++++this.prop+=+'';
}

obj.prototype.f+=+function+obj_f()+{
++++this.prop+=+'value';
++++this.g();
};

obj.prototype.g+=+function+obj_g()+{
++++console.log(+this.prop+);
};|code-block|syntax|javascript|278612|您可以像这样调用它：|278613|var+myO+=+new+obj();
myO.f();|278614|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This is a different "design pattern" as you put it, it achieves the same thing, but avoids the problem entirely.

<pre><code>"use strict";

function obj() {
 this.prop = '';
}

obj.prototype.f = function obj_f() {
 this.prop = 'value';
 this.g();
};

obj.prototype.g = function obj_g() {
 console.log( this.prop );
};
</code></pre>

you would invoke it like thus:

<pre><code>var myO = new obj();
myO.f();
</code></pre>

blocks|key|495543|text|如果您将代码修改为以下代码，以避免同时使用this，也可以达到相同的效果。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|495544|"use+strict";

var+obj+=+{
++++f:+function()+{
++++++++this.prop+=+'value';
++++++++g.bind(+null,+this+)();
++++}
};

function+g(self)+{
++++console.log(+self.prop+);
}|code-block|syntax|javascript|495545|entityMap^0|L|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can also achieve the same effect if you modify your code to the following to avoid using <code>this</code> all together.

<pre><code>"use strict";

var obj = {
 f: function() {
 this.prop = 'value';
 g.bind( null, this )();
 }
};

function g(self) {
 console.log( self.prop );
}
</code></pre>

blocks|key|278705|text|这里有一个更简单的解决方案，它不需要对模式或jshint的特定标记进行任何更改：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|278706|"use+strict";

var+obj+=+{
++++f:+function()+{
++++++++this.prop+=+'value';
++++++++G.bind(+this+)();
++++}
};

function+G()+{
++++console.log(+this.prop+);
}|code-block|syntax|javascript|278707|jshint假设您遵循这样的约定，即以大写字母开头的函数是将被实例化的类，并且始终具有可用的this。|offset|length|style|CODE|278708|entityMap^0|0|0|1A|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Here's a simpler solution that doesn't require any change of pattern or specific markup for jshint:

<pre><code>"use strict";

var obj = {
 f: function() {
 this.prop = 'value';
 G.bind( this )();
 }
};

function G() {
 console.log( this.prop );
}
</code></pre>

jshint assumes that you're following the convention that functions starting with an uppercase letter are classes which will be instantiated and always having <code>this</code> available.

blocks|key|278716|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|278717|"use+strict";

var+obj+=+{
++++f:+function()+{
++++++++this.prop+=+'value';
++++++++g.bind(+this+)();
++++}
};

var+g+=+function()+{
++++console.log(+this.prop+);
}|code-block|syntax|javascript|278718|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try:

<pre><code>"use strict";

var obj = {
 f: function() {
 this.prop = 'value';
 g.bind( this )();
 }
};

var g = function() {
 console.log( this.prop );
}
</code></pre>

Consider this simple code:

<pre><code>"use strict";

var obj = {
 f: function() {
 this.prop = 'value';
 g.bind( this )();
 }
};

function g() {
 console.log( this.prop );
}
</code></pre>

If I try to validate this code, jshint gives me the error <code>Possible strict violation.</code> where I call <code>console.log( this.prop );</code>. This is because <code>this</code> is undefined in strict mode in a function.

But I'm binding this function before calling it, so <code>this</code> is the correct object.

I'm using this "design pattern" to avoid cluttering the main object. Passing the properties in the parameters will also clutter the function, so I refuse to do this. Besides, this is exactly what <code>bind</code> is for.

Is there a way for JSHint to let me do this?

JSHint "Possible strict violation." when using `bind`

考虑下面这个简单的代码："use strict";var obj = {    f: function() {        this.prop = 'value';        g.bind( this )();    }};function g() {    console.log( this.prop );}如...

问JSHint“可能的严格违规。”使用`bind`时
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSHint“可能的严格违规。”使用`bind`时EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JSHint“可能的严格违规。”使用`bind`时
EN