104 lines
2.3 KiB
HTML
104 lines
2.3 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>Document</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
|
|||
|
|
//函数
|
|||
|
|
//00-函数
|
|||
|
|
//No.1
|
|||
|
|
// function 函数名(){
|
|||
|
|
// //function code
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
//No.2
|
|||
|
|
// let 函数名 = function (){
|
|||
|
|
// //function code
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
//No.3
|
|||
|
|
// let 函数名 =()=>{
|
|||
|
|
// //function code
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
//01-匿名函数
|
|||
|
|
//1.不会独立存在
|
|||
|
|
//2.只要是函数去掉函数名就是匿名函数
|
|||
|
|
|
|||
|
|
|
|||
|
|
//函数传参
|
|||
|
|
// function func0(形参){
|
|||
|
|
// //实参以形参的形式使用
|
|||
|
|
// console.log("func0,start");
|
|||
|
|
|
|||
|
|
// console.log(`参数:${形参}`);
|
|||
|
|
// }
|
|||
|
|
// //调用函数,并传参(实参)
|
|||
|
|
// func0('tututu');
|
|||
|
|
// func0("突突突啥子");
|
|||
|
|
|
|||
|
|
|
|||
|
|
//多参数
|
|||
|
|
//形参和实参(一一对应)
|
|||
|
|
// function func0(形参0, 形参1){
|
|||
|
|
// //实参以形参的形式使用
|
|||
|
|
// console.log("func0,start");
|
|||
|
|
|
|||
|
|
// console.log(`参数:${形参0 + 形参1}`);
|
|||
|
|
// }
|
|||
|
|
// //调用函数,并传参(实参)
|
|||
|
|
// func0('tututu',`?`);
|
|||
|
|
// func0("突突突啥子","不知道");
|
|||
|
|
|
|||
|
|
|
|||
|
|
//正常传参
|
|||
|
|
//1.有几个形参 不一定要传几个实参
|
|||
|
|
//2.传输不能跳着传,必需一个一个排队传
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//强上
|
|||
|
|
//目的:
|
|||
|
|
//我就要跳着传,我就不排队
|
|||
|
|
// function func2(参数对象){
|
|||
|
|
// let 默认参数 = {形参0:"请设置参数0",形参1:"请设置参数1"};
|
|||
|
|
// let {形参0,形参1}= Object.assign({默认参数,参数对象});
|
|||
|
|
|
|||
|
|
|
|||
|
|
// console.log("func0,start");
|
|||
|
|
// console.log(`参数:${形参0 + 形参1}`);
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
// func2({
|
|||
|
|
// // 形参0:"突突突",
|
|||
|
|
// 形参1:'兔子'
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
|
|||
|
|
//箭头函数
|
|||
|
|
//（）=>{}
|
|||
|
|
//No.1
|
|||
|
|
let f0 =参数0=>{};
|
|||
|
|
|
|||
|
|
//NO.2
|
|||
|
|
//let f1 = 参数0=> a=2;
|
|||
|
|
|
|||
|
|
let f2 = 参数0 =>{
|
|||
|
|
return a=2;
|
|||
|
|
};
|
|||
|
|
//f1与f2一样的
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|