1 定义
1.1
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
语法:
函数就是包裹在大括号中的代码块,前面使用了关键词 function
function 方法名(参数列表){
代码;
}
tips:
1)方法写完不会执行,只有调用时才执行
2)方法名是一个标识符,需要遵守标识符的命名规则
3)分号是用来分隔可执行JavaScript语句的,由于函数声明不是一个可执行语句,所以不以分号结束
1.2 函数表达式
JavaScript 函数可以通过一个表达式定义,
函数表达式可以存储在变量中:
示例:
var x = function (a, b) {
return a * b
};
在函数表达式存储在变量后,变量也可作为一个函数使用:
示例:
var x = function (a, b) {
return a * b
};
var z = x(4, 3);
tips:通过表达式定义的函数以分号结尾,因为它是一个执行语句(实际上就是给变量赋值,只不过这个值是一个函数,所以要加分号)。
1.3 匿名函数
在上面1.2中示例的函数实际上是一个 匿名函数 (函数没有名称)。
函数存储在变量中,不需要函数名称,通常通过变量名来调用。
2 调用
2.1 方法名(); 这样写就会调用一个方法
2.2 页面加载与函数调用的示例:
有一个a.js文件,一个b.js文件,引入到页面中:
<script src="a.js"></script>
<script src="b.js"></script>
当a文件调用b文件中的方法时,会报错,这是因为a文件在调用时,b还没有加载,所以就找不到定义的方法。
解决方法:
可以加一个页面加载完成
window.onload=function(){
调用方法;
}
tips:
1)页面加载过程是从上往下的,当整个html结束时(就是到最后一行代码),才叫做“页面加载完成”
2)一个html文件只能有一个window.onload,写在哪个文件没关系
3)一般window.onload里面只写方法的调用,方法的定义可以写在外面
2.3 函数提升
函数可以在声明之前调用,
使用表达式定义函数时无法提升。
2.4 自调用函数
示例: 匿名自我调用的函数
(function () {
var x = "Hello!!"; // 我将调用自己
})();
3 参数
3.1
在调用函数时,可以向其传递值,这些值被称为参数。
这些参数可以在函数中使用。
可以发送任意多的参数,由逗号 (,) 分隔:
myFunction(argument1,argument2)
当声明函数时,把参数作为变量来声明:
function myFunction(var1,var2)
{
代码
}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
3.2 显式参数和隐式参数
函数显式参数在函数定义时列出。
函数隐式参数在函数调用时传递给函数真正的值。
3.3
方法定义的时候,小括号里面的参数叫形式参数(形参)
方法调用的时候,小括号里面的参数叫实际参数(实参)
示例:
function show(a=0){
alert(a);
}
show();
上面的函数中,形参a被初始化了一个值。
我自己的理解:
当定义了形参时,就等于在函数中声明了一个变量,但是没有赋值;
只有在函数调用时,才给这个变量赋了值;
所以,形参是可以定义并赋值的,就是一个默认值;
当传入实参时,相当于值被改变了,如果没有传实参,那么参数还是有值的。
3.4 魔法参数:arguments
JavaScript 函数有个内置的对象 arguments 对象。
argument 对象包含了函数调用的参数数组。
示例:
function zyx(){
console.log(arguments);
}
zyx(1,2,3);
结果为:
4 返回值
有时,我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时,函数会停止执行,并返回指定的值。
语法
function
myFunction()
{
var x=5;
return x;
}
return 值;
结束方法,返回后面的数据
练习:接收二个参数,比较大小
function getNum(){ var num1=prompt('输入第一个数'); var num2=prompt('输入第二个数'); compare(num1,num2); } function compare(n1,n2){ if(n1>n2){ alert(n1+'比'+n2+'大'); } else if(n1<n2){ alert(n1+'比'+n2+'小'); } else{ alert(n1+'和'+n2+'相等'); } } getNum();
5 其他
5.1 局部 JavaScript 变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。
您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕,本地变量就会被删除。
5.2 全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
5.3 JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
5.4 向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性。
这条语句:
carname="Volvo";
将声明 window 的一个属性 carname。
非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。