<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" οnclick="buy()">按钮</NOtton>
<script type="text/javascript">
buy(); //【 js 调用方法不分前后】
【1. 函数声明优先加载内存,处在等待调用状态】
function buy(){
console.log('这是一个 buy方法!');
}
【2.调用函数】
buy();
buy();
【 3. 方法的参数】
function buy(money,food){ // money 形式参数
if(money>15){
console.log(`用${money}买 ${food}`);
}
else{
console.log('路费都不够!!')
}
}
var m = 20;
buy(m,'🍔'); // m 实际参数
buy(7,'可口可乐')
【4. 方法的返回值】
function buy(money) {
if (money > 20) {
console.log('买包红塔山!!抽一口,精神抖擞!!');
声明return 就可以返回给 调用者
return '红塔山一包'
} else {
console.log('买瓶农夫山泉,有点甜,男人的话有点悬!!!!');
return '农夫山泉一瓶'
}
// 默认隐藏
return undefined;
}
var x = buy(5); // undefined 无返回的方法 ,
console.log('x:', x)
5. 可变参数个数,省略参数
function buy(...money){
console.log(money)
}
buy(1,2,3,5,'true','qiku')
console.log('abc','qq',1,2,5,6)
6. 可选参数(默认参数)
function buy(a=15,b=20){
console.log(a,b);
}
buy()
buy(7)
7. 返回值的作用:返回上级调用者!!
返回值取决于 调回用者!!
function task_A(){
console.log('A');
return task_B();
}
function task_B(){
console.log('B');
return task_C();
}
function task_C(){
console.log('C');
return task_D();
}
function task_D(){
console.log('D');
return '随意写的数据';
}
var x = task_A();
console.log('x:',x)
</script>
</body>
</html>