网站地图    收藏   

主页 > 前端 > javascript >

JavaScript函数声明和函数表达式

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 小编来给大家简单介绍JavaScript函数声明和函数表达式用法,有需要的朋友可参考。...

JavaScript中的函数不同于其他的语言,每个函数都是作为一个对象被维护和运行的。通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前,先看一下函数的使用语法:

 代码如下 复制代码

function func1(…){…}

var func2=function(…){…};

var func3=function func4(…){…};

var func5=new Function();


另外还有一种自执行函数表达式,主要用于创建一个新的作用域,在此作用域内声明的变量

不会和其它作用域内的变量冲突或混淆,大多是以匿名函数方式存在,且立即自动执行:

 代码如下 复制代码

 (function () { 

 // var x = ... 

 })();

此种自执行函数表达式归类于以上两种方法的第二种,也算是函数表达式。

方法一和方法二都创建了一个函数,且命名为 foo,但是二者还是有区别的。

JavaScript 解释器中存在一种变量声明被提升(hoisting)的机制,也就是说变量(函数)的声明会被提升到作用域的最前面,即使写代码的时候是写在最后面,也还是会被提升至最前面。

例如以下代码段:

 代码如下 复制代码


alert(foo); // function foo() {} 

alert(bar); // undefined 

function foo() {} 

var bar = function bar_fn() {}; 

alert(foo); // function foo() {} 

alert(bar); // function bar_fn() {}

输出结果分别是function foo() {}、undefined、function foo() {}和function bar_fn() {}。

可以看到 foo 的声明是写在 alert 之后,仍然可以被正确调用,因为 JavaScript 解释

器会将其提升到 alert 前面,而以函数表达式创建的函数 bar 则不享受此待遇。

那么bar 究竟有没有被提升呢,其实用 var 声明的变量都会被提升,只不过是被先赋值

为 undefined 罢了,所以第二个 alert 弹出了 undefined。

所以,JavaScript 引擎执行以上代码的顺序可能是这样的:

创建变量 foo 和 bar,并将它们都赋值为 undefined。

创建函数 foo 的函数体,并将其赋值给变量 foo。

执行前面的两个 alert。

创建函数 bar_fn,并将其赋值给 bar。

执行后面的两个 alert。

注:

严格地说,再 JavaScript 中创建函数的话,还有另外一种方法,称为“函数构造法”:

 代码如下 复制代码

var foo = Function('alert("hi!");'); 


此方法以一个字符串作为参数形成函数体。但是用这种方法,执行效率方面会打折扣,

 代码如下 复制代码

var funcName=new Function(p1,p2,,pn,body);

参数的类型都是字符串,p1到pn表示所创建函数的参数名称列表,body表示所创建函数的函数体语句,funcName就是所创建函数的名称。可以不指定任何参数创建一个空函数,不指定funcName创建一个无名函数,当然那样的函数没有任何意义。

需要注意的是,p1到pn是参数名称的列表,即p1不仅能代表一个参数,它也可以是一个逗号隔开的参数列表,例如下面的定义是等价的:

 代码如下 复制代码

new Function("a", "b", "c", "return a+b+c")

new Function("a, b, c", "return a+b+c")

new Function("a,b", "c", "return a+b+c")

 

JavaScript引入Function类型并提供new Function()这样的语法是因为函数对象添加属性和方法就必须借助于Function这个类型。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论