JavaScript Function

小灰灰 2020-06-01 17:05 744阅读 0赞

# JavaScript Function

我们说JavaScript是面向对象的语言，基本做到一切皆是对象。

通过构造函数可以创建对象实例，代码如下：

```javascript
function Antzone(){
  // code
}  
let ant=new Antzone()
```

上述代码通过构造函数Antzone创建一个对象实例ant。

既然一切皆为对象，那么function函数也不例外，由Function构造函数创建。

那么问题来了，Function又是由谁创建的，Function是由Function创建。

因为Function也是一个function函数，看起来关系有点乱，代码如下：

```javascript
Function instanceof Function
```

代码运行效果截图如下：

![](/images/1591031111094.png)

语法结构：

```javascript
let function_name = new function(arg1, arg2, ..., argN, function_body)
```

通过Function构造函数可以创建function函数对象。

原本用来创建其他对象实例的function，现在成为Function构造函数的对象实例。

特别说明：注意F的大小写。

参数解析:

（1）.arg1..argN：被创建函数的形式参数。

（2）.function_body：被创建函数体中的代码。

**代码实例如下：**

```javascript
let func=new Function("a","b","let num=a+b;return num;")
console.log(func(2,3));
```

代码运行效果截图如下：

![](/images/1591031095482.png)

代码分析如下：

（1）.Function前两个参数"a"与"b"是创建函数的两个形式参数a与b。

（2）.Function最后一个参数是新创建函数的函数体部分，也就是大括号中的内容。

上述代码创建的函数等价于如下代码：

```javascript
let func=function(a,b){
  let num=a+b;
  return num;
}
```

实际应用中不推荐使用Function构造函数创建function函数。

原因主要有如下两点：
（1）.创建过程复杂，函数声明或者表达式方式创建方式更加清晰便捷。

（2）.效率不高。

```javascript
let func=Function("a","b","let num=a+b;return num;")
console.log(func(2,3));
```

代码运行效果截图如下：

![](/images/1591031081013.png)

可以看到Function前面并没有加关键字new。

但是依然可以创建一个函数对象，与加new关键字效果完全一样。

```javascript
let b=5;
function createF(){
  let b=2;
  let func=new Function("a","console.log(a+b)");
  func(1);
}
createF();
```

代码运行效果截图如下：

![](/images/1591031055533.png)

代码分析如下：

（1）.在函数createF内通过Function创建函数并赋值给func。

（2）.调用func函数后，打印结果是5。

（3）.由打印结果可见，func函数在全局作用域查找超找变量，而不是在声明它的函数作用域。

发表评论取消回复

表情：

评论列表（有 0 条评论，744人围观）

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

相关阅读

相关 JavaScript函数function

函数function 函数也是一个对象使用typeof检查时，会返回"function" var fun =new Function(); con

「爱情、让人受尽委屈。」/ 2023年10月06日 17:11/ 0 赞/ 45 阅读

相关 javascript学习笔记_function

1、js的函数定义有3种形式 a) 函数定义表达 var f = function(x,y)\{return x+y;\}; 函数定义表达式，使用一个变量来存函数，在调用

客官°小女子只卖身不卖艺/ 2022年09月25日 06:13/ 0 赞/ 147 阅读

相关 javascript Function()

javascript Function() JavaScript中的Function对象是函数，函数的用途分为3类：作为普通逻辑代码容器；作为对象方法；

雨点打透心脏的1/2处/ 2022年08月11日 16:50/ 0 赞/ 156 阅读

相关 javaScript函数Function类型

总结一下java Script的function类型的有关主要属性我把主要的东西浓缩为几句话，方便自己的记忆，又需要的朋友也可以帮忙指证一下。 “函数是对象，函数名是

电玩女神/ 2022年07月16日 06:49/ 0 赞/ 211 阅读

相关 JavaScript 生成器函数function* () {}

参照： [火狐开发者官网生成器函数][Link 1] [虞政博的cnblogs][cnblogs] 　1 .函数生成器特点是函数名前面有一个‘\’ 　2. 通过调用函

逃离我推掉我的手/ 2022年06月12日 00:14/ 0 赞/ 195 阅读

相关 javascript:Function笔记1

1. function是一个特殊的对象，是一个function类的实例 function fn1(){ } a

我就是我/ 2022年03月19日 15:51/ 0 赞/ 213 阅读

相关 JavaScript的Function 类型

注：原文出处：[https://www.cnblogs.com/whiteMu/p/7399719.html][https_www.cnblogs.com_whiteMu_p_

比眉伴天荒/ 2022年03月18日 03:24/ 0 赞/ 239 阅读

相关 JavaScript函数—function()

![Center][] 1.函数的概念官方概念：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。定义一个函数时，要使用关键词function；没有关

- 日理万妓/ 2021年09月14日 01:50/ 0 赞/ 476 阅读

相关 JavaScript function 函数

JavaScript function 函数函数是 JavaScript 中应用最为广泛的数据结构。首先看一段代码实例感受一下它的功能：

小灰灰/ 2020年06月02日 15:02/ 0 赞/ 915 阅读

相关 JavaScript Function

JavaScript Function 我们说JavaScript是面向对象的语言，基本做到一切皆是对象。

小灰灰/ 2020年06月01日 17:05/ 0 赞/ 745 阅读