学习目标:
一周掌握JavaScript函数的使用
学习内容:
函数的使用分为两步 : 声明函数 和 调用函数
1.声明函数
function 函数名() {
函数体
}
function
(1)声明函数的关键字 全部小写
(2) 函数时做某件事情, 函数名一般是动词 sayHi
(3) 函数不调用自己不执行
function sayHi() {
console.log('hi~~');
}
- 调用函数
函数才会执行
sayHi();
函数的参数
1、函数可以重复相同的代码
function cook() {
console.log('酸辣土豆丝');
}
cook();
cook();
输出结果:
2.我们可以利用函数的参数实现函数重复不同的代码
function 函数名(形参1,形参2...) { // 在声明函数的小括号里面是 形参 (形式上的参数)
}
函数名(实参1,实参2...); // 在函数调用的小括号里面的是实参(实际的参数)
3.形参和实参的执行过程
function cook(aru) {
console/log(aru);
}
cook('酸辣土豆丝');
函数的返回值
1.函数是做某件事或者实现某种功能
function cook(aru) {
console.log(aru) ;
cook('大肘子');
2.函数的返回值格式
function 函数名 () {
return 需要返回的结果 ;
}
函数名()
(1) 我们函数只是实现某种功能,最重的结果需要返回给函数的调用者函数名() 通过return 实现的
(2) 只要函数遇到return 就把后面的 结果 返回给函数的调用者 函数名() = return后面的结果
函数返回值注意事项
- return 终止函数
function getSum(num1, num2) {
return num1 + num2; // return 后面的代码不会被执行 如果用逗号隔开多个值,以最后一个值为准
}
console.log(getSum(6,9));
- return 只能返回一个值
function fn(num1,num2) {
return num1, num2; //返回的结果是最后一个值
}
console.log(fn(1,2));
测试:我们求任意两个数的 加减乘除结果
function getResult(num1, num2){
return [num1 + num2, num1 - num2, num1 * num2, num1 / num2 ];
}
var re = getResult(1,2);
console.log(re);
输出结果:
学习时间:
2022年1月6日