函数基本概念及小案例

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Xdrea/article/details/102726126

赋值式函数
var fn=function(){}
有名函数
function fn（）{}
无名函数
function（）{} 不完整函数，不能直接存在，都是被间接使用
1.赋值式创建函数的值
2.作为事件处理函数
3.作为匿名函数的函数体
4…
匿名函数：（function（）{}）（）

事件执行函数：
鼠标
左键单击：onclick
左键双击:ondblclick
按下：onmousdown
抬起：onmouseup
进入：onmouseover
离开：onmouseout
移动：onmousemove
键盘
按下：onkeydown
抬起：onkeyup
点击：onkeypress
表单
获取焦点：onfocus
失去焦点：onblur
提交：onsubmit
重置：onreset
改变：onchange
输入：oninput
浏览器
加载：onload
滚动：onscroll
改变大小：onresize

事件执行函数
1.在事件后，直接写无名函数
box.οnclick=function(){ console.log(1);}
2.在事件后，直接写有名函数
box.οnclick=function fun2(){console.log(2);}
3.在事件后，直接放有名函数的函数名，别加（）
box.onclick = fn3;
function fun3(){ console.log(3);}
4.在事件后，直接写无名函数或有名函数，但是在这个函数内部，执行其他函数
box.onclick = function(){ fun4 ();}
function fun4 () { console.log(4);}

被事件执行的函数叫事件处理函数

九九乘法表
function nine(){
for(var i = 1 ;i<=9 ;i++){
for(var j = 1;j<=i ; j++){
document.write(j+"" +i + “=” +ij + "  “);
}
document.write(”")
}
}
nine();

第二种方法

function nine(){ for(var i = 1 ;i<=9 ;i++){ for(var j = 1;j<=i ; j++){ document.write(j+"*" +i + "=" +i*j + "  "); } document.write("") } } var btn =document.getElementById("btn"); //btn.onclick = function(){ nine ();} //btn.onclick = nine;

用户执行九九乘法表时，会有一个bug，是document.write的，点击执行后，按钮会消失，无法再次点击

把函数A作为参数，传到另一个函数B中，执行A，那么这个函数A，叫做回调函数
例：function fn(a){
console.log(a);
a (function©{
console.log(2)};
cosole.log©;
c()

})
}
fn(fnction(b)){
	console.log(1);
	console.log(b);
	b(function(){
		console.log(3)
		})
})