JavaScript函数

JavaScript函数

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：陈开冠
撰写时间：2020年4月24日

JavaScript函数
函数function
函数也是一个对象
函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)
函数中可以保存一些代码在需要的时候调用
使用typeof检查一个函数对象时，会返回function
函数的创建：
1.使用构造函数创建一个函数对象
封装到函数中的代码不会即可执行
函数中的代码会在函数调用的时候执行
调用函数：语法 函数对象();
当调用函数时，函数中封装的代码会按照顺序执行
2.使用函数声明创建一个函数
语法：function 函数名([形参1,形参2,…,形参N]){
//语句
}
说明：[形参1,形参2,…,形参N]这里的[]表示可以使用参数也可以不使用参数
函数的调用：函数名([实参1,实参2,…]);

3.使用函数表达式创建一个函数/匿名函数
匿名函数
function(){
代码
}
列如：
var box=function(){
alert(“asdfghjkl”);
}
box（）；
函数的参数：
1.在调用函数时，您可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数，由逗号 (,) 分隔：
语法：
function 函数名(形参1,形参2){
执行的代码
}
函数名(实参1，实参2);
实例如图：

//点击弹出的是 Welcome lurenjia,the China

定义一个用来求两个数和的函数
可以在函数的()中来指定一个或多个形参(形式参数)
多个形参之间使用","隔开，声明形参就相当于在函数内部声明了对应的变量
但是并不赋值

2.调用函数时解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数，如果有可能则需要对参数进行类型的检查
实例如图：

3.调用函数时，解析器也不会对检查实参的数量多余的参数将不会被赋值，如果实参少于形参的数据，则没有对应实参的形参将是undefined
实力如图：

函数的返回值：
可以通过return 来返回函数的返回值
语法： function 函数名(){
var box=1;
return box;
}
return 后面值将会作为函数的执行结果返回，
可以定义一个变量来接收函数的返回值
在函数return后的语句都不会执行
如果return语句后不跟任何值，就相当于返回一个undefined
实例如图：

            //输出的值为3
 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。

立即执行函数：
函数定义完，立即被调用，这种函数叫做立即执行函数
立即执行函数往往只会执行一次
例如： ( function(){
alert(“123456”);
})(); //弹出 123456

（function(a,b){
alert(a+b);
}）(3,5); //弹出 8

函数的方法：
函数也可以作为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数是这个对象的方法。调用函数就所调用对象的方法，但是它只是名称上的区别没有其他的区别。
例如：
function sayHello(){
alert(“hello every!”); //这里弹出一次
}
var obj1=new Object();
obj1.sayWorld=sayHello;
obj1.sayWorld() ; // 通过对象去调用，我们叫做方法 这也弹出一次，一共两次
sayHello(); //叫做函数的调用
枚举对象中的属性
//使用for … in 语句
/* for in 语法
for(var 变量 in 对象){
//语句
}
*/