Go语言视频零基础入门到精通

太阳城

准备写下一系列javascript入门的文章，一方面算是自己对javascript知识的稳固，一方面也希望对初学javascript的朋友有所帮助。javascript的基本类型和语法其实跟java是非常相似的，对于javaeye的朋友我想都清楚，今天就从javascript的函数写起：

1、js函数声明：   
Js代码
   
function fun1(arg){   
alert(arg+",This is my first js function !"); }   
var fun2 = new Function("arg","alert(arg);");   
//尽管可用Function构造函数创建函数，但最好不要使用它，因为它比第一种传统方式定义函数要慢得多！   
//不过所有函数都应该看作为是Function类的实例！ fun1("Jesen"); fun2("Jesen");   


function fun1(arg){
alert(arg+",This is my first js function !"); }
var fun2 = new Function("arg","alert(arg);");
//尽管可用Function构造函数创建函数，但最好不要使用它，因为它比第一种传统方式定义函数要慢得多！
//不过所有函数都应该看作为是Function类的实例！ fun1("Jesen"); fun2("Jesen");


2、和java不同，js是无重载的：
  
Js代码
   
function fun1(arg){   
alert(arg+100); }   
function fun1(arg,arg2){   
alert(arg+10); }   
//第二个fun1将覆盖第一个的定义，在下面讲到的arguments中可以解决重载问题。   
fun1(10);   


function fun1(arg){
alert(arg+100); }
function fun1(arg,arg2){
alert(arg+10); }
//第二个fun1将覆盖第一个的定义，在下面讲到的arguments中可以解决重载问题。
fun1(10);





3、arguments对象

   
Js代码
   
//arguments对象是传给函数的参数数组   
function fun1(){ alert(arguments.length); }   
fun1(); fun1(2); fun1(2,3);   
//模拟函数重载   
function fun3(){   
if(arguments.length==1)   
{ alert(arguments[0]+10); }   
else{ alert(arguments[0]+arguments[1]); } }   
fun3(100); fun3(10,20);   


//arguments对象是传给函数的参数数组
function fun1(){ alert(arguments.length); }
fun1(); fun1(2); fun1(2,3);
//模拟函数重载
function fun3(){
if(arguments.length==1)
{ alert(arguments[0]+10); }
else{ alert(arguments[0]+arguments[1]); } }
fun3(100); fun3(10,20);





4、闭包

     对于闭包，理解的不是很透彻，也请了解的朋友解释下。

     有说函数内部使用全局变量就是一个简单的闭包的：

   
Js代码
   
var g_arg = "ok"; function fun1(){ alert(g_arg); }   
fun1();   


var g_arg = "ok"; function fun1(){ alert(g_arg); }
fun1();






    也有一种是函数外部调用函数内部变量的闭包：

  
Js代码
   
function a(){ var i=0; function b(){ alert(++i); } return b; }   
var c = a(); c(); c();   


function a(){ var i=0; function b(){ alert(++i); } return b; }
var c = a(); c(); c();






   不是很理解javascript中闭包的作用，大家可讨论下。

   

严格意义上讲任何一个function在执行时就构成一个闭包，闭包的实质是作用域。


普通的function，内部声明的变量在执行完会全被回收掉，这时闭包也被回收了，所以这种闭包对我们没有用处，他只是个作用域。

如果一个function的局部变量在执行时被生命周期更长的变量引用，那么这个function执行完时就不能回收掉这个局部变量，这个局部变量的生命周期超出了他的作用域，这时的作域也不能被回收掉，就形成了典型的闭包。

闭包的作用就是使局部变量拥有更大的生命周期，甚至全局的生命周期，这使得闭包可以保存function执行时的状态，特别是那种function中又返回一个function时，被返回的function就可以访问父function执行时的所有局部变量（典型的带状态函数）。因为JS中回收一个变量不是看作用域是否结束，而是看引用数。


5、匿名函数

     js实现匿名函数有三种方式：

     a、函数字面量：首先声明一个函数对象，然后执行它。
Js代码
(function(arg){ alert(arg); } ) (1);   


     (function(arg){ alert(arg); } ) (1);



   b、优先表达式：由于Javascript执行表达式是从圆括号里面到外面，所以可以用圆括号强制执行声明的函数。
Js代码
( function(arg){ alert(arg); } (2) );   


    ( function(arg){ alert(arg); } (2) );









   c、Void操作符：用void操作符去执行一个没有用圆括号包围的一个单独操作数。
Js代码
void function(arg){ alert(arg); }(3)   


    void function(arg){ alert(arg); }(3)



    我们一般通常用第一种方法，在扩展jquery的时候我们也经常会用到这种匿名函数的写法：

Js代码
     
  
(function($) { $.fn.pluginName = function() { // Our plugin implementation code goes here. }; })(jQuery);   

  

(function($) { $.fn.pluginName = function() { // Our plugin implementation code goes here. }; })(jQuery);




     上面定义了一个jQuery函数,形参是$，函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.