js自学（2）--方法

方法是一段可以被重复执行多次的代码块。方法可以有参数，或者不带参数，可以有返回值，也可以没有返回值。

方法可以有很多种方法进行声明，以下我们列出了两种，一种是方法声明，一种是带命名的方法表达式。

方法声明：

 
 

  
  

   
   
function foo() {
    // 执行代码
}
  
  
 
 

带命名的方法表达式：

 
 

  
  

   
   
var foo = function() {
    // 执行代码
};
  
  
 
 

方法的调用 

以下示例是一个简单的方法使用，greet方法包括两个传参，没有返回值。

 
 

  
  

   
   
var greet = function( person, greeting ) {
    var text = greeting + ", " + person;
    console.log( text );
};
 
greet( "极客", "你好" ); // "你好, 极客"
  
  
 
 

以下示例是一个有返回值的方法：

 
 

  
  

   
   
var greet = function( person, greeting ) {
    var text = greeting + ", " + person;
    return text;
};
 
console.log( greet( "极客", "你好" ) ); // "你好, 极客"
  
  
 
 

 下面这个例子中的方法，返回值是另一个方法。

 
 

  
  

   
   
var greet = function( person, greeting ) {
    var text = greeting + ", " + person;
    return function() {
        console.log( text );
    };
};
 
var greeting = greet( "极客", "你好" );
 
greeting(); // "你好, 极客"
  
  
 
 

上面方法调用的几个示例，你可以在下面自己试验一下，在下面这个演示中，我们仿照上面第二个示例定义了一个方法，点击按钮调用了我们预先定义的方法，从而填出提示框，并且在控制台打出相应的字符。你可以尝试按照上面的示例，改变一下方法的定义，然后再运行一下看看效果。

立即调用的方法表达(IIFE) 

立即调用的方法表达是JavaScript中一种常用的模式。这种模式创建方法，并且立即执行它。当你想避免你的方法影响全局命名空间时 - 即你不希望方法内的变量在全局可用，这种模式就显得尤为重要了。

 
 

  
  

   
   
// IIFE （Immediately-invoked function expression）
 
(function() {
    var foo = "你好，极客标签";
})();
 
console.log( foo ); // undefined!
  
  
 
 

以上代码中，我们看到控制台将打出undefined，因为foo这个变量是在function中定义的，而在方法外，我们是不能调用方法内定义的变量的。

方法作为参数

在JavaScript中，方法是“头等公民” - 他们可以分配变量，也可以作为参数传递到其他方法中去。在jQuery中，将方法作为参数传递是非常普遍的。

 
 

  
  

   
   
// 传递匿名方法作为参数 
var myFn = function( fn ) {
    var result = fn();
    console.log( result );
};
 
// 控制台输出的结果
myFn( function() {
    return "你好，极客标签";
});
  
  
 
 

上面示例中，定义了一个myFn的方法，在控制台中打印出结果。而我们赋值的时候，是直接为myFn方法传入了一个匿名的方法，该匿名方法返回了一个字符串，这个字符串作为结果，最终输出到了控制台上。

 
 

  
  

   
   
// 传入命名好的方法作为参数
var myFn = function( fn ) {
    var result = fn();
    console.log( result );
};
 
var myOtherFn = function() {
    return "你好，极客标签";
};
 
myFn( myOtherFn ); // "你好，极客标签"
  
  
 
 

上面的示例中，我们将一个名为myOtherFn的方法作为参数传给了myFn，其效果和传入匿名方法是一样的，但是需要注意的是，在其他的地方，你仍旧可以使用myOtherFn方法，如果你需要多次重复使用这个方法，你还是应该为他命名，可以保证它被重复调用。