当 obj 是 function 时，“key in obj”？

Question

I am very new to JavaScript, so I am baffled by the following syntax:

if (isFunction(obj)){
  for (key in obj) {
    //do something
  }
 }

The isFunction method will return true if typeOf obj=="function" . But what happens when you it says key in obj when obj is a function?

Answer 1

JavaScript functions are also objects, which means they can have properties. You can do something like this:

var f = function () {};
f.a = "foo";
f.b = "bar";

If obj was f , then the for loop would iterate with key being "a" and "b" .

Basically, the for in loop iterates over all of the properties of an object except those internally marked as non-enumerable (mostly built-in methods and properties).

Answer 2

The for..in loop iterates over the enumerable properties of obj . Functions are objects, they have their own properties plus inherited properties from their [[prototype]] chain. See ECMA-262 §12.6.4.

Also, don't forget to declare variables that should be kept local.

To address only the enumerable properties on obj and not its inherited enumerable properties, it is usual to include a hasOwnProperty test:

for (var key in obj) {
  if (obj.hasOwnProperty(key)) {
    // key is enumerable property of obj, not inherited
  }
}

Answer 3

Functions can also have properties, - the following code is valid:

var foo = function() { }
foo.prop1 = 1;
foo.prop2 = "hello";

the for (key in obj) loop would enumerate prop1 and prop2.

Answer 4

Here's a jsfiddle (not sure if this helps) http://jsfiddle.net/FEAzV/