在javascript中将代码作为函数参数传递？

Question

I'm trying to create a javascript framework by myself(so no jquery,mootools... code please) and I want to make the code for my framework only accessible in a framework function so for example, something like this:

frameworkname({
//framework code here
});

so my framework code doesn't conflict with other frameworks. I know that frameworkname({}); is a function, but I don't know how you pass code as a function argument. I know this is possible as I'm quite experienced in jquery and jquery has that stuff everywhere (example: $(document).ready(function(){//codehere}); ), but how did the jquery developers do this? I want to be able to do this for my framework. Any help is greatly appreciated.

Answer 1

Functions are first class objects in JavaScript. You can pass them around in the same way as Strings, Numbers, Arrays or any other data type.

var foo = function () { alert(1); };
var bar = function (arg) { arg(); }
bar(foo);

Answer 2

in javascript, a function is exactly a variable, the code you mentioned:

$(document).ready( function () {//code});

is in fact declared a function without a name, and then passed it as an argument to "ready()". Thus, your mind of pass code to function in the way

frameworkname( {} );

is illegal because "{}" is a code block but not any kind of "variable"

Answer 3

In JavaScript, variables can represent any data type. Therefore, in function frameworkname( x ) { } can take an argument of any type (function, object, primitive, etc).

function frameworkname( x ) {
    if ( typeof x === "function" ) {
        x(); // function passed
    } else if ( typeof x === "object" ) {
        for ( var i in x ) {
           // Object passed
           x[i]();
        }
    }
}
frameworkname(function() {
    alert("function passed as argument");
});
frameworkname({
    hello: function() {
         alert("hello");
    }
});

Answer 4

I think something like this:

function frameworkname(){

  this.ready = function(code){
      code();
  };
  return this;
}

frameworkname().ready(function(){
  console.log('Function executed'); 
});