JS中的函数定义方法和匿名函数

JS中的函数

1、定义方法

通常使用以下三种定义方式。

1.1函数声明

function methodName(参数){
    方法体
}

例如

function add(a,b){ 
    return a+b
}

//调用
add(1,3)

1.2函数表达式

const 方法名= function(参数){
    方法体;
}

例如

const add = function(a,b){ 
    return a+b
}

//调用
add(1,3)

1.2函数构造法

const 方法名= new Function('参数1,参数2','方法体');//参数之间还有参数和方法体之间都是以逗号隔开

例如

//函数构造法语法
const add= new Function('a , b','return a+b')

//调用
add(1,2)

注意
由new Function创建的函数只能访问到全局环境，不能访问到包含其的外部的环境，所以只能通过参数传递外层的变量。

const a = 1
const add1= new Function('console.log(a)')
add1() //error: 'a' is not defined

const add2 = new Function('a','console.log(a)')
add2 (a) //1

2、匿名函数和箭头函数

命名函数可以多次调用。但有些时候需要临时用一些函数，则不必使用命名函数，直接使用匿名函数即可。匿名函数仅能使用一次。

function(参数){
    方法体
}

例如

<script>
const response = [id:1,name:tx,activt:1]
const request = function(url,method,callback){
		url:url,
		method: method,
		callback(response)
}
//使用箭头来简化函数
const response = [id:1,name:tx,activt:1]
const request = (url,method,callback) => {
		url:url,
		method: method,
		callback(response)
}

//调用
request ('/pms-brand/list','get',function(response){
					this.tableDate = response
})
//使用箭头来简化函数
request ('/pms-brand/list','get',response => {
					this.tableDate = response
})
</script>

注意
1、去掉function关键字，改用箭头的形式时，箭头从形参指向方法体。
2、如果参数只有一个，可以去掉参数的括号。
3、如果参数有多个，括号不能去掉。
4、如果没有参数，括号不能去掉。
5、如果语句体有且仅有一个return语句，则花括号和return关键字可以省略。