一. 函数的优势
函数:
function,是被设计为
执行特定任务
的代码块
说明:
函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势
是有利于
精简代码方便复用
,
可以实现代码复用,提高开发效率
。
二. 函数使用
1. 函数的声明语法
function 函数名() {
函数体
}
function get() {
document.write('你好')
}
2. 函数使用
3.函数的调用语法
//函数调用,这些函数体内的代码逻辑会被执行
function get() {
document.write('你好')
}
//函数名()
get ()
//注意:声明(定义)的函数必须调用才会真正被执行,使用 () 调用函数
//函数一次声明可以多次调用
get ()
get ()
get ()
效果: 你好
你好
你好
4.函数体
函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才
会被执行。函数的功能代码都要写在函数体当中。
![](https://i-blog.csdnimg.cn/blog_migrate/a846fc49daad4b6d7c401df972ac0ca7.png)
二. 函数传参
1. 为什么要有参数的函数
function getSum() {
let num1 = 10
let num2 = 20
console.log(num1 + num2)
}
getSum()
因为
:这样的函数只能求 10 + 20, 这个函数功能局限非常大
解决办法:把要计算的数字传到函数内
结论:
若函数完成功能需要调用者传入数据,那么就需要用有参数的函数
这样可以极大提高函数的灵活性
2. 有参数的函数声明和调用
> 声明语法
function 函数名 (参数列表){
函数体
}
> 单个参数
function getSum(num1) {
document.write(num1 * num1)
}
> 多个参数
function getSum(num1, num2) { //多个数据要用逗号隔开
document.write(num1 + num2)
}
> 形参和实参
<script>
// 形参 命名时名字括号里面的
function getSum(num1, num2) {
let res = num1 + num2
document.write(res)
}
// 实参 调用的名字后面加数值
getSum( 10, 20)
</script>
形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)
实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)
形参可以理解为是
在这个函数内声明的
变量
(比如 num1 = 10)
实参可以理解为是给这个变量赋值
开发中尽量保持形参和实参个数一致
曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参