函数
函数:是可以被重复使用的代码块
作用:函数可以把具有相同或相似逻辑的代码“包裹” 起来,有利于代码复用
函数的基本使用
1.定义函数
function 函数名() {
函数体
}
2.调用函数
函数名()
我们带入语法:
//定义函数
function star () {
console.log('五角星', '☆')
}
//调用函数
star()
注意:先定义,后使用(变量、函数都是如此)
函数的完整用法
根据我们传入不同的数据,进行处理,返回处理后的结果
function 函数名 (形参1:类型,形参2:类型 ...) {
编写代码对数据进行处理
return 处理后的结果
}
let 变量名 : 类型 = 函数名 (实参1,实参2,..)
例如:用一个函数,来实现下面的需要
传入 价格 和 数量,返回 计算的结果
1.苹果 2元/斤,买了3斤,多少钱?
2.香蕉 4元/斤,买了4斤,多少钱?
founction buy (price: number, num: number){
//1.处理数据
let result: number = price * num
//2.返回结果
return result
}
let apple: number = buy(2,3)
console.log('苹果', apple)
那我们要是算香蕉呢,还要继续从头写到尾吗,其实不用,上面代码则是定义函数,而我们只需调用函数即可,并不需要一个一个去自己写
let apple: number = buy(4, 4)
console.log('香蕉',banana)
注意:形参和实参的数量要统一,一 一对应,否则即会报错
箭头函数
箭头函数是比普通函数更简洁的一种函数写法
let 函数名 = () => {
// 函数体
}
函数名()
我们带入语法:
//定义函数
let star = () => {
// 函数体
console.log('五角星', '☆')
}
//调用函数
star()
如果我们需要传参呢?看下面代码
let 函数名 = (形参1: 类型, 形参2: 类型) => {
// 函数体
// 1. 计算过程
// 2. 返回结果
return 计算的结果
}
函数名(实参1, 实参2)
我们带入语法:
let buy = (price: number, weight: number) => {
//函数体
// 1. 计算过程
let result: number = price * weight
// 2. 返回结果
return result
}
let apple: number = buy(2, 3)
注:普通函数,箭头函数,在后面开发中会有不同的使用场景,所有两种语法都需要掌握