How is 'Function' (not 'function') defined in Javascript?

Question

I happened to notice Javascript also supports the Function keyword just as in ActionScript. Since both are derived from ECMA Script, existence of such similarities is a common knowledge. But I was curious on what Function represents in case of Javascript, if not a Class(as in as3).

In JS,

var func = new Function(); or var func = new Function;

Assigns a function called 'anonymous' to the variable 'func'.

Could it be simply a method to implement the actual 'function' in an Object oriented way..

Since most browsers(ff, ie & chrome) seem to implement it in the same way, is it addressed in the spec?

Check this link [link]stackoverflow.com/questions/336859/… — Core
– Core, Commented Feb 25, 2013 at 14:27
Function isn't really a keyword. It's just an identifier used as the name of an object constructor. Functions are objects, but there's different syntax allowed for creating them. — the system
– the system, Commented Feb 25, 2013 at 14:29

gen_Eric · Accepted Answer · 2013-02-25 14:26:29Z

6

Function is the "class" all function extend from. All functions are really Function objects.

(function(){}) instanceof Function === true

You can also use new Function to make a function from a string (like eval).

var func = new Function('x,y', 'return x+y;')

answered Feb 25, 2013 at 14:26

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

the system Over a year ago

You forgot some quotation marks in your last example. They need to be separate string arguments to the constructor instead of a comma-separated string.

gen_Eric Over a year ago

@thesystem: They can be either/or :-) See the note at es5.github.com/#x15.3.2.1

the system Over a year ago

Really? My apologies. I never knew that.

Marcel Korpel Over a year ago

@thesystem: Nope. A comma-separated string is also allowed. See MDN and the note to es5.github.com/#x15.3.2.1.

loxxy Over a year ago

@RocketHazmat Well, whatever happened to the 'no classes' behavior of JS... thanks :)

|

marekful · Accepted Answer · 2013-02-25 14:44:20Z

2

"Every function in JavaScript is actually a Function object." MDN Documentation.

function myFunc(a, b) {
  console.log( 'test' );
}

is essentially equal to

var myFunc = new Function('a', 'b', 'console.log( "test" )');

There are however some differences between to two ways of declaring a function. Read the doc!

edited Feb 25, 2013 at 14:44

answered Feb 25, 2013 at 14:28

marekful

15.4k6 gold badges39 silver badges63 bronze badges

2 Comments

the system Over a year ago

They're very similar, but there are some important differences. One is that the first syntax will be "hoisted". But more importantly, the second syntax will be evaluated in the global variable scope instead of the local one. JS interpreters don't use constructor functions internally.

marekful Over a year ago

Thanks @the system, just clarified this by re-reading the relevant docs. Edited my answer.

Storm · Accepted Answer · 2013-02-25 14:27:54Z

-1

1 way:

var Person = function() {
    this.name;
    this.age;
}

var p1 = new Person();

2nd way:

function Person() {
    this.name;
    this.age;
}

var p1 = new Person();

answered Feb 25, 2013 at 14:27

Storm

4,48311 gold badges45 silver badges57 bronze badges

2 Comments

Marcel Korpel Over a year ago

This is about function expressions and function declarations, not about the Function constructor.

gen_Eric Over a year ago

This is not what the question is asking.

Collectives™ on Stack Overflow

How is 'Function' (not 'function') defined in Javascript?

3 Answers 3

6 Comments

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related