javascript入门(函数)

准备写下一系列javascript入门的文章,一方面算是自己对javascript知识的稳固,一方面也希望对初学javascript的朋友有所帮助。javascript的基本类型和语法其实跟java是非常相似的,对于javaeye的朋友我想都清楚,今天就从javascript的函数写起:
1、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是无重载的:
   
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对象


//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);

[color=blue]4、闭包

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

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

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

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


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

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();

[b]不是很理解javascript中闭包的作用,大家可讨论下。

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


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

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

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

5、匿名函数

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

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

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



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

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


c、Void操作符:用void操作符去执行一个没有用圆括号包围的一个单独操作数。

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

void function(arg){ alert(arg); }(
3)
我们一般通常用第一种方法,在扩展jquery的时候我们也经常会用到这种匿名函数的写法:


(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引起冲突.

[b]引用[/b][url]http://www.iteye.com/topic/976562[/url]
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值