第四课时 JavaScript基础(二)
一、JavaScript中的循环语句
与大多数编程语言的循环类似,JavaScirpt中也有while、do…while、for循环
- while循环
语法:
while(条件){
//js语句
}
var input = "";
while (input != "js") {
input = prompt("请输入 \"js\"");
}
- do…while循环
语法:
do{
//js语句
}while(条件)
do {
var input = prompt("请输入 \"js\"");
} while (input != "js")
- for循环
语法:
for(初始化参数;循环条件;增量或减量){
//js语句
}
//使用for循环输出九九乘法表
document.write("<table><tr>")
for (var i = 1; i < 10; i++) {
for (var j = 1; j <= i; j++) {
document.write("<td>"+ j +"*"+ i
+ "="+ i*j +"</td>")
}
document.write("</tr>")
}
document.write("</table>")
- for…in循环
for(变量名 in 对象名){
//js语句
}
var cars = ["Audi", "Volvo", "BMW", "Benz"]
for (var i in cars) {
document.write(cars[i] + "<br/>");
}
- 中断循环语句
- break:立即退出整个循环
for(var i=0; i<5;i++){
if (i==2) {
break;
}
console.log(i);
}
//输出0、1
当i==2时,退出整个循环,不执行后续循环
- continue:退出当前循环
for(var i=0; i<5;i++){
if (i==2) {
continue;
}
console.log(i);
}
//输出0、1、3、4
当i==2时,退出当前循环,进入下一次循环
二、函数
JavaScript中的函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
2.1自定义函数
语法:
function name(参数1, 参数2, 参数3) {
//要执行的代码
return 返回值
}
JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
代码如下(示例):
//定义计算a+b的值的函数add()
function add(a, b) {
return a + b
}
var result = add(1, 2);
console.log(result);
2.1.1带有返回值的函数
有时,我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时,函数会停止执行,并返回指定的值。
function myFunction()
{
var x=5;
return x;
}
上面的函数会返回值 5。
注意: 整个 JavaScript 并不会停止执行,仅仅是函数。JavaScript 将继续执行代码,从调用函数的地方。函数调用将被返回值取代:
var myVar=myFunction();
2.2函数的调用
在调用函数时,您可以向其传递值,这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多的参数,由逗号 (,) 分隔:
myFunction(argument1,argument2)
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
2.3局部变量
在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕,本地变量就会被删除。
代码如下(示例):
console.log(carName); //此处无法访问
function myFunction() {
var carName = "Volvo";
console.log(carName); //此处可以访问
}
console.log(carName); //此处无法访问
2.4全局 JavaScript 变量
在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。
2.5JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
2.6匿名函数
语法:
function (参数1, 参数2, 参数3) {
//要执行的代码
return 返回值
}
代码如下(示例):
var add = function (a, b) {
return a + b
}
var result = add(1, 2);
console.log(result);