JavaScript-05 函数

函数：忽略代码执行的过程，只注重代码运行的结果

*函数属于对象数据类型

1.申明：

申明方式有两种：
1.一种是直接申明

function turnGreen(){
	//需要执行的操作
	let body=document.querySelector("body");
	body.style.backgroundColor="green";
}

2.函数表达式:函数作为一个值而存在

let fn=function(a,b){
	console.log(a+b);		
}
//fn 就是函数表达式
fn();//执行

2.执行：

turnGreen()；//执行函数
function turnGreen(){
	//需要执行的操作
	let body=document.querySelector("body");
	body.style.backgroundColor="green";
}

3.函数形参，实参和返回值

//形参是指函数括号中的变量，实参是指实际调用传入的值
 let fn=function(a,b){
	return a+b;
}
//如果函数没有写return，默认返回undifined；

<div class="box"></div>
<script>
let box=document.querySelector(".box");
let fn=function(a,b){
	let f=function(){
	box.innerHTML=a+b;
	}
	return f;
}
//箭头函数()=> 代替 function
let fn=(a,b)=>{
	return ()=>{
	box.innerHTML=a+b;
	}
}

//箭头函数()=> 代替 function
let fn=(a,b)=> ()=>{
 	console.log("点击成功");
	box.innerHTML=a+b
} 
//箭头函数如果return只有一行或者是return一个函数,可以省略花括号及return
box.onclick=fn(a,b);//函数表达式如果加上括号会被直接执行，如果想要不被执行又生效就在函数内部再return一个函数function()，套娃
</script>