JavaScript —— 声明函数的3种方法

我会带着你远行 2022-02-03 00:57 195阅读 0赞

> 函数是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。

### 1、function 命令声明函数 ###

function print(s) {
      console.log(s);
    }

### 2、变量赋值 ###

var print = function(s) {
      console.log(s);
    };

采用函数表达式声明函数时，function命令后面不带有函数名。如果加上函数名，该函数名只在函数体内部有效，在函数体外部无效。

var print = function x(){
      console.log(typeof x);
    };
    
    x
    // ReferenceError: x is not defined
    
    console.log(print())
     // undefined

上面代码在函数表达式中，加入了函数名x。这个x只在函数体内部可用，指代函数表达式本身，其他地方都不可用。这种写法的用处有两个，一是可以在函数体内部调用自身，二是方便除错（除错工具显示函数调用栈时，将显示函数名，而不再显示这里是一个匿名函数）。因此，下面的形式声明函数也非常常见。

var f = function f() {};

### 3、function构造函数 ###

var add = new Function(
      'x',
      'y',
      'return x + y'
    );
    
    // 等同于
    function add(x, y) {
      return x + y;
    }

上面代码中，Function构造函数接受三个参数，除了最后一个参数是add函数的“函数体”，其他参数都是add函数的参数。  
你可以传递任意数量的参数给Function构造函数，只有最后一个参数会被当做函数体，如果只有一个参数，该参数就是函数体。

var foo = new Function(
      'return "hello world";'
    );
    
    // 等同于
    function foo() {
      return 'hello world';
    }

总的来说，这种声明函数的方式非常不直观，不好用。

JavaScript —— 声明函数的3种方法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 创建函数的 4 种方法

相关 JavaScript的5种调用函数的方法

相关 js 函数的3种定义方法

相关 javascript 的函数声明与表达式对比

相关 javascript函数声明

相关【javascript笔记】声明函数的三种方式<二>

相关函数指针的三种声明方式

相关 JavaScript —— 声明函数的3种方法

相关 JavaScript函数的概述&&函数的声明方式

相关 JavaScript Function、函数声明、函数表达式