js中的函数?

也称之为方法,需要【预定义】(创建)后,可以【反复使用】(调用)的【代码段】(可以放很多很多的代码)
rotate("角度值"); - 完成了一个通过角度值顺时针旋转的功能
url("图片路径"); - 完成了一个通过图片路径显示图像的功能

js里面的函数:完成了一个...........的功能

1、使用函数:2步:关键字 function
1、创建函数
function 函数名(){
若干函数体;很多很多的代码
}

2、调用函数
1、直接在js里面写上:
函数名();//写几次就调用了几次

2、绑定在某个页面元素上: - 让用户进行交互
<elem onclick="函数名()"></elem>

2、以后何时要使用函数呢?
1、有可能会反复使用的代码
2、不希望打开页面立刻执行
3、希望绑定在元素的事件之上,用户触发 - 暂时只会一个onclick的点击事件
4、本身就是一段独立的功能体
*5、以后要尽量的将每一个功能都要封装成为一个函数,函数是第一等公民

3、定义带有参数的函数
电饭煲 --> function函数方法
功能:煮了 什么东西 -> 取决原材料
原材料 --> 参数,可以是米饭、汤、猪脚...

定义带参数的函数:2步
1、创建带形参的函数
function 函数名(形参,形参,...){
若干函数体;很多很多的代码
}
在定义函数功能时在小括号中放入的参数,称之为叫做形式参数,简称形参,其实就是一个变量名,只不过不用var

2、调用的过程中,传递参数,称之为实际参数 ,简称为实参,其实就是变量的值
函数名(实参,实参,...)

注意:传入实参的顺序和个数一定要和形参一一对应上!

比如:
function zzj(fruit){
// console.log("正在榨"+fruit+"汁")
// }
// zzj("苹果");
// zzj("香蕉");

总结一下:1、如果你的函数体是固定的不变的,则不需要使用带参数的函数
2、如果你的函数希望根据传入的实参做的事儿略微不同,则需要带参数的函数来完成

posted @ 2021-08-16 12:03  rigorous  阅读(133)  评论(0)    收藏  举报