JavaScript笔记- 函数声明和函数表达式(001)

function 是 Javascript 中的第一类对象，这就意味着函数可以像其他值一样被传递。一个最常见的用法就是将一个匿名函数作为回调函数传递到另外一个异步函数中。

函数声明

?


1

function foo() {}

函数 foo 将会在整个程序执行前被 hoist (提升)，因此它在定义 foo 函数的整个 scope (作用域)中都是可用的。即使在函数定义之前调用它也没问题。


1

2

foo(); // Works because foo was created before this code runs

function foo() {}

函数表达式

对于函数声明，函数的名称是必须的，而对于函数表达式而言则是可选的，因此，就出现了匿名函数表达式和命名函数表达式。如下：

函数声明: function functionName (){  }
函数声明: function functionName[可选](){  }
那么我就知道，如果没有函数名的话，一定就是函数表达式，但是对于有函数名的情况该如何判断呢？
Javascript 规定如果整个函数体是作为表达式的一部分时，那么它就是函数表达式，否则即是函数声明。以下为表达式：

?


1

var fuc = foo(){}

我们再举几个极端的表达式例子：

?


1

2

!function foo(){}

true && function foo(){}

以上的语句这里只是为了区分函数表达式，一般不会这样写。那么用一个对比的例子来看看效果：

?


1

2

3

4

5

6

7

8

foo1();//foo1 is not defined

foo2();//works because foo2 was created before this code runs

!function foo1() {

  alert(‘foo1 works‘);

};

function foo2() {

  alert(‘foo2 works‘);

};

匿名函数表达式

?


1

var foo = function() {};

上面的例子将一个匿名函数赋值给了变量 foo。

?


1

2

3

foo; // ‘undefined‘

foo(); // this raises a TypeError

var foo = function() {};

由于 var 是一个声明所以这里对变量 foo 进行 hoist (提升)，因此当程序执行时，变量 foo 是可调用的。
但是由于赋值语句只有在运行时才生效，所以变量 foo 的值为 undefined。

命名函数表达式

另一个要讲到的就是命名函数的赋值。

?


1

2

3

4

var foo = function bar() {

  bar(); // Works

};

bar(); // ReferenceError

在这里，命名函数 bar 赋值给了变量 foo，所以在函数声明外是不可见的，但在 bar 函数内部仍然可以调用。这是因为 Javascript 对命名函数处理的机制，函数的名称永远在函数内部的作用域中有效。

http://www.jb51.net/article/51469.htm

时间： 2024-12-24 22:46:40

JavaScript笔记- 函数声明和函数表达式(001)的相关文章

javascript中函数声明与函数表达式的区别

javascript中声明函数的方法有两种:函数声明式和函数表达式.究竟他们用起来有什么区别呢? 区别如下: (1).以函数声明的方法定义的函数,函数名是必须的,而函数表达式的函数名是可选的. (2).以函数声明的方法定义的函数,函数可以在函数声明之前调用,而函数表达式的函数只能在声明之后调用. (3).以函数声明的方法定义的函数并不是真正的声明,他们仅仅可以出现在全局中或者嵌套在其它函数中. 下面来看具体的例子吧.下面这两种方式有什么区别吗? function boo(){}; var bar

Javascript函数声明与函数表达式的区别

在定义函数时,我们一般使用下面这两种方法: 使用函数声明定义: 1 2 3 function  sum (a, b) {     return a + b; } 使用函数表达式定义: 1 2 3 var sum = function (a, b) {     return a + b; } 调用方法都是一样的: 如求"1+1"等于几: 1 alert(sum(1, 1)); 但这两种方法还是有区别的.解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁.解析器会率先读取函

JavaScript函数声明与函数表达式

定义函数的方式有两种:一种是函数声明,另一种是函数表达式. 一.两者的语法 函数声明的语法: function functionName(arg0, arg1, arg2){ //函数体 } 函数表达式的语法: var functionName = function(arg0, arg1, arg2){ //函数体 } 因为function关键字后面没有标识符,这种情况下创建的函数叫做匿名函数(anonymous function,有时也叫拉姆达函数).匿名函数的name属性是空字符串. 二.两

【JavaScript】Javascript中的函数声明和函数表达式

Javascript有很多有趣的用法,在Google Code Search里能找到不少,举一个例子: <script> ~function() { alert("hello, world."); }(); </script> 试一下就知道这段代码的意思就是声明一个函数,然后立刻执行,因为Javascript中的变量作用域是基于函数的,所以这样可以避免变量污染,但这里的位运算符『~』乍一看让人摸不到头脑,如果去掉它再运行则会报错:SyntaxError. 在阐述

JavaScript 函数声明与函数表达式的区别 函数声明提升（function declaration hoisting）

解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁.解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问).至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真的被解释执行.例子: alert (sum(10,10)); function sum (num1, num2) { return num1 + num2; } 以上代码完全可以正常运行.因为在代码开始执行之前,解析器就已经通过一一个名为函数声明提升(function declaration hoist

javascript中函数声明和函数表达式浅析

记得在面试腾讯实习生的时候,面试官问了我这样一道问题. //下述两种声明方式有什么不同 function foo(){}; var bar = function foo(){}; 当初只知道两种声明方式一个是函数声明一个是函数表达式,具体有什么不同没能说得很好.最近正好看到这方面的书籍,就想好好总结一番. 在ECMAScript中,有两个最常用的创建函数对象的方法,即使用函数表达式或者使用函数声明.对此,ECMAScript规范明确了一点,即是,即函数声明 必须始终带有一个标识符(Identif

javascript函数声明和函数表达式的区别

定义一个函数,可以有好几种方法,其中最常用的就是函数声明和函数表达式,虽然都可以实现定义函数,但他们之间是有区别的. 1.例如: 1.1 函数声明 function log () { console.log.apply(console, arguments); } log 是函数名,指向它声明的函数对象. 1.2 函数表达式 var log = function () { console.log.apply(console, arguments); }; log 也指向它声明的函数对象, 不过是

javaScript的函数(Function)对象的声明(@包括函数声明和函数表达式)

平时再用js写函数的时候,一般都是以惯例 function fn () {} 的方式来声明一个函数,在阅读一些优秀插件的时候又不免见到 var fn = function () {} 这种函数的创建,究竟他们用起来有什么区别呢,今天就本着打破砂锅问到底的精神,好好来说说这个让人神魂颠倒的--函数声明.  函数声明 函数声明示例代码 function fn () { console.log('fn 函数执行..'); // code.. } 这样我们就声明了一个名称为fn的函数,这里出个思考,你认

函数声明与函数表达式的区别

1.函数声明 函数声明以function关键字开头,接着是必须的函数(变量)名和以逗号分隔的可选的参数列表,再接着就是以大括号封装的函数体.函数声明必须是一个单独的JavaScript语句. 2.函数表达式 在任何情况下都是其它JavaScript语句的一部分(比如复制表达式等号的右侧.函数的参数)的函数被称为函数表达式. 3.比较 //函数声明function myFunctionDeclaration(){ function innerFunction() {} } //以下为函数表达式 v