首页 > 代码库 > JavaScript基础函数的声明
JavaScript基础函数的声明
1.函数的重要地位
- 它们是一种特殊的对象
- 它们提供作用域
- 程序的执行时期可以动态创建函数对象;
- 函数对象可以赋给变量,通过变量可以再传递给其它变量,还可以被删除;
- 函数对象可作为其它函数的形参,也可以作为函数的返回值;
- 函数对象可以有自己的属性和方法(methods)。
函数还可以使用它的构造函数Function,被new出来(但我们不推荐这么做):
// antipattern// for demo purposes onlyvar add = new Function(‘a, b‘, ‘return a + b‘);add(1, 2); // returns 3
在上面的代码中,add是个对象,因为它是new操作的结果;但它又是个函数,因为它可以通过传递形参,执行计算任务。
说函数可以提供作用域,这也很重要。因为在JavaScript里,两个成对的花括号并不像C程序那样提供局部的作用域,而在JavaScript里,只有函数才能提供类似的功能。例如,在函数内部用var声明的变量都是局部变量,对外不可以见,类似于Java里的private属性。而在全局的if或for循环的花括号里,用var声明的变量都是全局变量。
2. 关于函数的术语
JavaScript的函数很强大,所以我们有必要对它的使用方法给出统一的术语。比如下面的代码展示了一个“有名函数表达式”(named)
function expression):// named function expressionvar add = function add(a, b) { return a + b;};
如果上面的代码里略去函数的名字add(也就是第二个add),就变成了一个“匿名函数表达式”( unnamed function expression),也称为“匿名函数”(anonymous function)。
// function expression, a.k.a. anonymous functionvar add = function (a, b) { return a + b;};
上面的两个例子,可以统称为“函数表达式”,而“有名函数表达式”只是函数表达式的一种特殊情况,事实上,声明时略去了函数的名字并不影响函数的定义以及后续的调用执行。如果声明时没有略去函数的名字,我们可以通过add.name得到它的名字,这对于程序调试时可能会有用。
另外,还有一种叫“函数声明”,它和函数表达式非常类似:
function foo() { // function body goes here}
语法上,“函数声明”,和“函数表达式”都是函数的字面声明法(Literal),它们的语法区别只在于后面的分号,而在使用上的区别只有在实际的程序中才能体现出来。那我们应选择使用哪一种声明法呢?如果作为形参或是对象中的方法,那没得先,只能是使用函数表达式了:
// this is a function expression,// pased as an argument to the function `callMe`callMe(function () { // I am an unnamed function expression // also known as an anonymous function});// this is a named function expressioncallMe(function me() { // I am a named function expression // and my name is "me"});// another function expressionvar myobject = { say: function () { // I am a function expression }};
一个函数声明和函数表达式在使用上的区别是声明上提的现象。比如,当在一个函数A里面进行函数B声明,不管函数B声明在哪里,都可以在A内部的任意位置调用;类似的,当一个函数A里执行函数B的表达式,只有在表达式后面的代码才可以调用函数B。下面的例子说明了这个问题:
// antipattern// for illustration only// global functionsfunction foo() { alert(‘global foo‘);}function bar() { alert(‘global bar‘);}function hoistMe() { console.log(typeof foo); // "function" console.log(typeof bar); // "undefined" foo(); // "local foo" bar(); // TypeError: bar is not a function // function declaration: // variable ‘foo‘ and its implementation both get hoisted alert(‘local foo‘); } // function expression: // only variable ‘bar‘ gets hoisted // not the implementation var bar = function () { alert(‘local bar‘); };}hoistMe();
3. 函数的name属性
如果是声明的是有名的函数,则可以使用函数对象的name属性:
function foo() {} // declarationvar bar = function () {}; // expressionvar baz = function baz() {}; // named expressionfoo.name; // "foo"bar.name; // ""baz.name; // "baz"
name属性在调试程序的时候使用,也可以在函数体内递归调用的时候使用。
JavaScript基础函数的声明