JS函数定义方式的区别

关于JS的函数定义方式有以下两种:
(1)典型的函数声明
function slide(arguments){
//...code
}
(2)以函数表达式的形式定义函数
var slide = function(arguments){
//...code
}
虽然上面两种方式逻辑上是等价的,但是还是有点小区别:
区别一:例一中的函数会在代码执行以前被加载到作用域中,而例二则是在代码执行到那一行的时候才会有定 义;
区别二:函数声明会给函数指定一个名字,而函数表达式则是创建一个匿名函数,然后将这个匿名函数赋给一个变量;

看下面例子:
function factorial(num){
if(num<=1){
return 1;
}
else {
return num*arguments.callee(num-1);
}
}
var anotherFactorial = factorial;
factorial = null;
console.log(anotherFactorial);//输出factorial(){},有函数名
若是以函数表达式定义
var factorial = function(num){
//...code
}
//...code
console.log(anotherFactorial);//输出function(){},匿名函数
JavaScript函数定义方式有以下几种: ### 函数声明 函数声明是最常见的定义函数方式,使用 `function` 关键字,后面跟着函数名、参数列表和函数体。示例代码如下: ```javascript function add(a, b) { return a + b; } ``` 上述代码定义了一个名为 `add` 的函数,它接受两个参数 `a` 和 `b`,并返回它们的和 [^1][^3]。 ### 函数表达式 函数表达式是将一个函数赋值给一个变量。函数可以是匿名的,也可以有名称。示例代码如下: ```javascript const subtract = function(a, b) { return a - b; }; ``` 在这个例子中,一个匿名函数被赋值给了变量 `subtract` [^1]。 ### 箭头函数 箭头函数是ES6引入的一种简洁的函数定义方式,它没有自己的 `this`、`arguments`、`super` 或 `new.target`。示例代码如下: ```javascript const multiply = (a, b) => a * b; ``` 这里定义了一个箭头函数 `multiply`,它接受两个参数并返回它们的乘积 [^1]。 ### Function构造函数 可以使用内置的 `Function` 构造函数定义函数。该构造函数接受多个参数,最后一个参数是函数体,前面的参数是函数的参数。示例代码如下: ```javascript var divide = new Function("a", "b", "return a / b;"); ``` 这种方式创建函数时,函数体是以字符串的形式传入的,在实际开发中较少使用 [^1][^4][^5]。 ### ES6简写方法 在ES6对象字面量和类中,可以使用简写方法定义函数。示例代码如下: ```javascript const obj = { name: 'John', greet() { console.log(`Hello, my name is ${this.name}`); } }; obj.greet(); ``` 上述代码在对象 `obj` 中使用简写方法定义了 `greet` 函数 [^1]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值