JavaScript的每一句代码请用分号作为结束。输出语句1、控制台输出:console.log();它可以在控制台" />
当前位置:首页 > 日记 > 正文

JavaScript基础之流程控制语句的用法

JavaScript基础之流程控制语句的用法

第三部分:流程控制语句

JavaScript代码是书写位置:

JavaScript代码应该写在<script type=”text/javascript”></script>这一对标记中。

或者作为外部引用<script src="JavaScript代码路径"></script>

JavaScript的每一句代码请用分号作为结束。

输出语句

1、控制台输出:console.log();

它可以在控制台中输出一些信息,输出的信息就是console.log()中圆括号的内容。

在调试程序的时候回经常用这个语句。

2、弹出框输出:

alert();

使用alert可以在网页上弹出一个提示框显示alert()的圆括号中的信息。

prompt();

使用prompt可以在网页上弹出一个输入框,并且以prompt()的圆括号中的信息作为提示信息。

confirm();

包含确定和取消的弹出框。

3、页面输出:document.write();

直接会将内容显示在页面上。

选择语句

if....else语句

if(判断条件/boolean值){
//满足条件会执行下面的代码

代码1;

}else {
//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2

代码2

}

此外,else后还可以继续加if判断

if(判断条件/boolean值){
//满足条件会执行下面的代码

代码1;

}else if(判断条件) {
//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2

代码2

}

else if(判断条件)

。。。。。

else {
最后代码

}

Switch ...case语句

用来判断多个可能出现的值

switch 语句与 if 语句的关系最为密切,而且也是在其他语言中普遍使用的一种流控制语句。

switch (expression) {case value: statementbreak;case value: statementbreak;case value: statementbreak;case value: statementbreak;default: statement}

switch 语句中的每一种情形(case)的含义是:“如果表达式等于这个值(value),则执行后面的语句(statement)”。而 break 关键字会导致代码执行流跳出 switch 语句。如果省略 break 关键字,就会导致执行完当前 case 后,继续执行下一个 case。通过为每个 case 后面都添加一个 break 语句,就可以避免同时执行多个case 代码的情况。

也可以多种情况混合。

switch (i) {case 25:/* 合并两种情形 */case 35:alert("25 or 35");break;case 45:alert("45");break;default:alert("Other");}

需要注意的是switch 语句在比较值时使用的是全等操作符,因此不会发生类型转换(例如,
字符串"10"不等于数值 10)。

break与continue语句

break是在循环内部结束合格循环。

continue是在循环的内部结束本次循环,开始下一次循环:

循环语句

for循环是反复执行同一段代码。

for(var i = 1; 判断条件; i++){
要循环的代码块:

}

当程序运行到for的时候,会先声明一个变量i,并且赋值为1,判断i是否满足后面的判断条件,如果满足,执行下面的要循环的代码块,代码 块执行完成之后再执行i++,再判断判断条件是否满足,如果满足再次按照上面的流程执行,如果不满足,结束for循环。

for循环还可以用于嵌套,实现复杂的运算,冒泡排序就用到了for循环的嵌套。下面举两个for循环嵌套的例子。

打印直角三角形,

for (var i = 1; i <= 10; i++) {for (var j = 1; j <= i; j++){document.write("☆");}document.write("<br/>");}

打印99乘法表

for (var i = 1; i < 10; i++) {for (var j = 1; j <= i; j++) {document.write(j + "*" + i + "=" + i * j);// 1 * 1 = 1document.write(" ");}document.write("<br/>");}

for in循环

for-in 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

举个例子

var xvar mycars = new Array()mycars[0] = "Saab"mycars[1] = "Volvo"mycars[2] = "BMW"for (x in mycars){document.write(mycars[x] + "<br />")}

while循环

while(判断条件/boolean){
代码块

}

当代码执行到while的时候,会先判断判断条件是否为true,如果为true,那么会执行while大括号中的代码块,代码块执行完毕以后,再次回到while中再进行判断,如果为true,再次执行while大括号中的代码块,并且再次回while,如果为false就不执行。

注意:将来在写代码的时候一定要注意循环的判断条件不能一直为true,否则会成为一个死循环。

do...while循环

do-while 语句是一种后测试循环语句,即只有在循环体中的代码执行之后,才会测试出口条件。
换句话说,在对条件表达式求值之前,循环体内的代码至少会被执行一次。

do {statement} while (expression);

do...while语句在开发中并不怎么用,用的最多的还是for循环,以及for循环嵌套。

补充:

Function函数对象

函数申明式

function fn(){// 函数体}
函数表达式(匿名函数)

var fn = function(){// 函数体}

// fn表示函数名称// 函数表达式通常又叫匿名函数 因为没有函数名

函数的调用

fn();// 注意:函数只申明不调用是不会执行的

函数的参数// 申明

function 函数名(形参1,形参2,形参3,){// 函数体

}// 调用

函数名(实参1,实参2,实参3);

函数名(实参1);// 这样写也不会有问题

函数名(实参1,实参2,实参3,实参4);// 这样写也不会有问题// 注意:函数的实参个数可以和形参的个数不同

函数的返回值

function 函数名(){

return 要返回值;

}// 注意:函数不写返回值时默认的返回值是undefined

函数的递归:函数在内部调用自身函数叫递归

function fn(){fn();}fn();

函数的回调:被当做参数传递的函数叫回调函数

function fn1(){console.log(“我是回调函数”);}function fn2(parameter){parameter(); // 调用函数// 这里的parameter是形参 代表传进来的函数fn1}fn2(fn1);// fn1就是一个回调函数

相关文章

vue环境搭建简单教程

vue环境搭建简单教程

教程,环境搭建,简单,电脑软件,vue,要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。①安装nodejshttps://nodejs.org下载nodejs,(lts)安装的时候,点击同意,一路next就可以…

.net 应对网站访问压力的方案总结

.net 应对网站访问压力的方案总结

方案,网站,压力,电脑软件,net,开年比较空,抽时间写个博文,总结下自己工作里的一些应对网站访问压力的技术方案。自己项目现在大概一天50W的pv。已从前端到后端的顺序总结下自己用的一些方案。一. 前端页面:1.首先减少资源的大小,能用小图,就用小…

nodejs对express中next函数的一些

nodejs对express中next函数的一些

函数,电脑软件,nodejs,express,最近公司在使用node做前后端分离,采用的web框架是express,所以对express框架进行了深入的了解,前段时间写了篇关于express路由的文章,但是在那篇文章中貌似少了一个很重要的内容,就是express的next,所以今天单独来…

Fireworks视图模式怎么切换使用?

Fireworks视图模式怎么切换使用?

模式,视图,电脑软件,Fireworks,Fireworks怎么切换视图模式,这个功能可能我们现在一直在用ps估计也没有这个功能。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-091、直接来到Fireworks根目录2、直接运行我的 Firewo…

Word2016设置不同页边距有什么方法

Word2016设置不同页边距有什么方法

设置,边距,方法,教程,有什么,  在文档中,我们经常要设置不同的页边距,有时候还需要自定义页边距,这样可以很好的排版。排版中时常需要设置页边距,这样可以让排版更加美观整洁。以下是小编为您带来的关于Word2016设置不同页边距的教程,希望对…

nodejs实现发出蜂鸣声音 | 系统报

nodejs实现发出蜂鸣声音 | 系统报

方法,系统,声音,蜂鸣,电脑软件,本文实例讲述了nodejs实现发出蜂鸣声音(系统报警声)的方法。分享给大家供大家参考,具体如下:nodejs 有时候需要发出报警声音,使用以下代码可以调用系统蜂鸣器发声process.stdout.write('\x07')另外附上我自己…

防止页面url缓存中ajax中post请求

防止页面url缓存中ajax中post请求

请求,处理方法,缓存,页面,电脑软件,防止页面url缓存中ajax中post请求的处理方法 一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓…

ps处理如何设置颜色

ps处理如何设置颜色

方法,设置,颜色,如何设置,图片,  大家处理图片时一定要设置颜色,这样我们在ps中才可以方便使用。那么大家知道ps处理图片如何设置颜色吗?下面是小编整理的ps处理图片如何设置颜色的方法,希望能帮到大家!ps处理图片设置颜色的方法我们先是要…

Excel2007的新功能有哪些

Excel2007的新功能有哪些

新功能,有哪些,电脑软件,  Excel2007目前在市场使用率还是蛮高的,作为Excel2007的开版之作,还是要给大家说说Excel2007的新功能。以下是小编为您带来的关于Excel2007的新功能介绍,希望对您有所帮助。Excel2007的新功能介绍Excel 2007较之以…

在Word2007中如何新建样式在Word20

在Word2007中如何新建样式在Word20

步骤,方法,样式,电脑软件,strong,  在Word2007的空白文档窗口中,用户可以新建一种全新的样式。例如新的表格样式、新的列表样式等,操作步骤如下所述:下面由小编为您提供在Word2007中新建样式的技巧,希望能帮助您。Word2007中新建样式步骤第1…

Angular中$broadcast和$emit的使用

Angular中$broadcast和$emit的使用

使用方法,详解,电脑软件,Angular,broadcast,要在控制器之间传递变量变化需要使用angular中的$broadcast和$emit方法来传递,同时使用$on来接收事件并作出响应。broadcast译为广播,即上级传递下级。 示例代码:<script src="../angular.js"></s…

AngularJs 延时器、计时器实例代码

AngularJs 延时器、计时器实例代码

实例代码,计时器,延时器,电脑软件,AngularJs,1.$timeout延时器apptest.controller("main",function($scope,$timeout){ $scope.pink="pink"; $scope.box="第二个盒子"; $timeout(function(){ $scope.pink="第一个盒子内容,延迟…

这一对标记中。或者作为外部引用JavaScript的每一句代码请用分号作为结束。输出语句1、控制台输出:console.log();它可以在控制台", "pubDate": "2023-11-13 20:51:13" }