函数对象的创建方法——使用function操作符和使用Function构造函数

一、常见函数对象的方法

先理清楚函数对象的几种创建方法:
1、使用function操作符创建

  • 函数声明语法创建
  • 函数表达式创建(匿名函数)

2、使用Function构造函数创建

二、代码示例

下面是不同创建方法对应的代码示例:
1.函数声明语法创建

//使用函数声明语法创建函数对象,最常用
function sum (num1, num2) {
	return num1 + num2;
}

2.函数表达式方法创建(匿名函数)

//使用函数表达式创建函数对象
var sum = function(num1, num2){
	return num1 + num2;
};

注意,使用函数表达式创建函数对象时,function 关键字后面没有函数名。这是因为在使用函数表达式定义函数时,没有必要使用函数名——通过变量 sum 即可以引用函数。另外,还要注意函数末尾有一个分号,就像声明其他变量时一样。

3.使用Function构造函数创建

//使用Function构造函数——不推荐使用
var sum = new Function("num1", "num2", "return num1 + num2"); 

Function 构造函数可以接收任意数量的参数,但最后一个参数始终都被看成是函数体,而前面的参数则枚举出了新函数的参数。——不推荐使用

三、比较

1.函数表达式和函数声明有什么不同之处
在js中,函数声明可以在函数调用之后出现,但是如果以函数表达式形式定义函数,必须出现在函数调用之前:

//函数声明可以在函数调用之后出现
alert(sum(10,10));
function sum(num1, num2){
	return num1 + num2;
}
//不可行,报错
alert(sum(10,10));
var sum = function(num1, num2){
	return num1 + num2;
};

但是,这是为什么呢?因为js在代码执行之前会有一个函数声明提升function declaration hoisting的过程,读取并将函数声明添加到执行环境中。这个执行环境可以理解为作用域。

2.使用function创建函数对象和使用Function有什么区别
其实格式上的区别比较大,并且创建函数对象,多使用function操作符,不推荐使用Function构造函数


Reference:
  1. 《JS高级程序设计》
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值