JS第四天总结

JS第四天总结

一、函数的定义：

函数也可以叫方法。

对于反复使用的功能代码，对其封装成一个独立的模块，这种功能代码块就是函数。

或者说简单来说就是将一段公共的代码进行封装，给它起个名字叫"函数"。说通俗点儿函数就是一个功能，就是一个方便的工具。

二、函数的好处:

重复使用－－－－空调不可能是一次性的，可以重复使用​

忽略细节－－－－会用空调不一定会生产空调​

选择执行－－－－夏冬使用，春秋不用

三、函数的特点：

函数可以一次定义，多次使用。

方便代码管理。

便于控制程序的执行时间。

函数，可以将常用的功能代码，进行封装。如：用户名的验证、验证码函数、邮箱的验证、手机号码验证。

四、使用函数

1、定义函数（声明函数）

定义函数一般有两种形式

通过function 关键字 进行定义

//function 函数名(){ 函数体的代码} 
 function fn(){
    console.log(1);  
 }
// 通过定义个变量
  var fun =  function(){   //function(){} 也被叫匿名函数
      console.log(1);
  }  

  两者在使用上有一些差别，还有在浏览器解析中会有差别，在函数预解析(变量提升)会详细说明。

2、函数调用

要想使用一个函数，就只能 通过调用函数的方式，这种方式叫函数调用。

​ 调用语法 函数名+() ; 当然如果有参数则写参数，小括号不能省略。

//定义函数
function show()
{
	document.write('张三的年龄是30岁！')
}
//函数调用
show();
函数的参数
形参的个数，要与实参的个数一致。
形参的顺序，要与实参的顺序一致。

//定义函数
function show(name,age)
{
	document.write(name+"的年龄是"+age+"岁！<br />")
}
//函数调用
show("李四",20);
show("张三",26);
show("小明",23);

五、常用的事件

是一种可以被js侦测到的行为，能够实现交互功能的行为，例如，按下遥控器开关，电器打开

在JS中常见的事件有：

鼠标点击－－－－－－－－onclick
页面或图片加载－－－－－onload（在页面或图像加载完成后发生。）
鼠标移入－－－－－－－－onmouseover
鼠标离开－－－－－－－－onmouseout


键盘事件
……

主要用于和用户产生一定的交互，提高页面或程序的交互性。

事件和函数之间的关系

当触发事件的时候，执行函数－－－－－－－按下制冷按钮，空调吹冷风

事件－－－－调用－－－－函数

六、函数的返回值

函数是一个封闭的代码块，它可以访问外界的数据，而外界却不能访问函数里面的数据（函数的作用域），这时，如果想要函数内部的数据，我们就只能通过关键字 -return 来返回数据。

返回的数据是 return 后面的语句。

//定义一个函数
function fn(a,b,c){
	console.log(a+b+c);
}
alert(fn(1,2,3));//弹出undefined
//结论：当函数内部没有return 关键字，函数的返回值为undefined

return的作用：1.返回值；2.终止程序

function fn(a,b,c){
	console.log(a+b+c);
	return a+b+c;
}
alert( fn(1,2,3) );//弹出6

//终止程序 --- 结束整个函数
function fn(){
	console.log(111);
	return ;
    console.log(666);
}
alert( fn() );//111  这里只会打出111，而不会打出 666

什么是返回值？

将函数处理后的数据，返回到函数名上，便于其他程序或用户调用或做二次使用

//如果有return，此时fn(1,2,3)==return的返回值

//如果没有return，此时fn(1,2,3)==undefined

//return中止程序之后，return下面的代码不会执行

不一定所有函数都要有返回值，只有需要返回数据的函数才加return

return可以返回任何值，包含函数，当返回函数时，如果需要执行返回的函数，可将返回值当成一个函数名，加上一个()即可执行；