javascript - jquery.each() - "this" vs valueOfElement - Stack Overflow

admin管理员组

文章数量:1317915

In a jQuery.each() loop, I always thought that this was equivalent to valueOfElement. Could someone explain the difference?

Example:

$.each(object, function(i, val){
    $('body').append('<b>valueOfElement:</b> ' + typeof val + ' - ' +  
    '<b>this: </b>' + typeof this + '<br/>');
});

Result:

valueOfElement: string - this: object
valueOfElement: boolean - this: object
valueOfElement: object - this: object

Fiddle

In a jQuery.each() loop, I always thought that this was equivalent to valueOfElement. Could someone explain the difference?

Example:

$.each(object, function(i, val){
    $('body').append('<b>valueOfElement:</b> ' + typeof val + ' - ' +  
    '<b>this: </b>' + typeof this + '<br/>');
});

Result:

valueOfElement: string - this: object
valueOfElement: boolean - this: object
valueOfElement: object - this: object

Fiddle

• javascript
• jquery

Share Improve this question Follow edited Dec 3, 2012 at 14:45 Denys Séguret 383k9090 gold badges810810 silver badges775775 bronze badges asked Oct 29, 2012 at 14:14 JohanJohan 35.2k6262 gold badges187187 silver badges305305 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 14

The answer is in the documentation you linked to :

The value can also be accessed through the this keyword, but Javascript will always wrap the this value as an Object even if it is a simple string or number value.

All values are embedded in objects when accessed as this.

The real reason can be found in this line of jQuery source :

callback.call( obj[ i ], i, obj[ i++ ] ) === false ) {

You can pare it to

(function(){console.log(this)}).call(1);

which builds a Number, because you can't call a function on something that isn't an object.

From MDN on the call function :

thisArg :

Note that this may not be the actual value seen by the method: if the method is a function in non-strict mode code, null and undefined will be replaced with the global object, and primitive values will be boxed.

The only advantages I would see in using this instead of valueOfElement are :

• simplicity : you don't have to keep in mind the order of arguments given to the callback
• ability to use a function directly on this even if valueOfElement is of primitive type

The this keyword will access the element as a JavaScript object. You can get it's value the same way you would any other JavaScript object, or you can wrap it ($(this)) to make it into a jQuery object.

本文标签： javascriptjqueryeach()quotthisquot vs valueOfElementStack Overflow