首页 > 代码库 > JavaScript基础函数的声明

JavaScript基础函数的声明

2024-07-21 23:29:15   220人阅读

1.函数的重要地位

函数(functions)在JavaScript里有着重要的地位，其原因有二：
  • 它们是一种特殊的对象
  • 它们提供作用域
说函数在JavaScript里是特殊的对象，因为：
  • 程序的执行时期可以动态创建函数对象；
  • 函数对象可以赋给变量，通过变量可以再传递给其它变量，还可以被删除；
  • 函数对象可作为其它函数的形参，也可以作为函数的返回值；
  • 函数对象可以有自己的属性和方法（methods）。
例如，（实际编程中完全可以这样做）对于JavaScript的函数A来说，它是个对象；它有自己的属性和方法，这个方法又是个函数，叫函数B；函数B接受另一个函数C作为形参，当B执行完后，返回一个新的函数D。这就是JavaScript函数的强大和灵活之处。
函数还可以使用它的构造函数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基础函数的声明


联系
我们