老徐WEB：js入门学习 - javascript语句

javascript语句是给浏览器发送命令的，告诉浏览器要做什么事情。

javascript是脚本编程语言，浏览器在读取代码时，会自上而下逐行执行代码。

javascript用分号来分隔语句，每条语句的结尾添加分号，表示一条语句的结束。

一行代码可以写一条语句，也可以写多条语句，根据具体环境来定，同时必须考虑代码可读性。下面老徐介绍几种javascript常用的语句。

条件语句（三种形式）

if语句 - 满足条件时执行代码。

if(condition){// 执行代码}
if(工作日){// 去上班}

if...else...语句 - 满足条件时执行代码，不满足条件时执行其他代码。

if(condition){// 满足条件执行代码
}else{// 不满足条件时，执行代码
}
if(工作日){// 去上班
}else{// 在家休息
}

if...else if...else语句，多个条件时，需要执行其中之一的代码。

if(condition1){// 满足条件1时，执行代码
}else if(condition2){// 满足条件2时，执行代码
}else{// 条件1和2都不满足时，执行代码
}

switch语句

switch语句用于多个条件取其一时，常用此语句。

switch(n){case 1:// 满足此条件，执行代码块break;case 2:// 满足此条件，执行代码块break;case x:// 满足此条件，执行代码块break;default:// 以上条件都不满足时，执行代码块
}

注意，break 来阻止代码自动地向下一个 case 运行。

for语句

for语句就是将代码块重复执行多次。

var count = 5;
for(var i=0; i<count;i++){alert(i);
}

上面这个例子共输出5次，输出内容是从0至4。

for语句共分三步执行。
1.给出一个起点，此处是i=0。
2.判断条件是否成立，此处是i<count，如果条件成立就输出内容i的值。
3.使起点移到下一位，此处利用i++来完成，然后再重复执行第2步，第3步，直到第2步条件不满足时，for语句结束。

for/in遍历对象。

var x = ['a','b','c'];
var txt = '';
for(i in x){txt += i + ',';
}
alert(txt);var x = {name:'john',age:20,city:'bj'};
var txt = '';
for(i in x){txt += x[i] + ','
}

遍历对象，获取对象数据时，用for/in语句。

while语句

while循环语句指条件满足时，会一直执行代码块。

while(condition){// 执行代码块
}var str = '', i = 0;
while(i < 5){str += i + "<br>";i++;
}
document.getElementById("demo").innerHTML=str;

while循环分两步，一是判断条件，满足条件就执行代码块，不满足不执行。二是执行代码块，在代码里修改条件。

然后再重复第一步，第二步。如果第一步满足条件，但第二步没有修改条件的话，此循环会一直执行下去，这就是死循环，一般来说没有意义。所以要注意避免死循环。

do/while循环是while循环的变体，不同之处是判断条件前，先执行一遍代码块，然后再判断条件。

do{// 执行代码块
}while(condition)var str = '', i = 0;
do{str += i + "<br>";i++;
}while(i<5)
document.getElementById("demo").innerHTML=str;

同样do/while循环也是分两步，一是先执行一遍代码块，二是判断条件，如果满足条件，再执行代码块，如果不满足就退出循环。然后重复第一步，第二步。同样也要注意避免死循环。

break/continue语句

break语句用于跳出循环。continue用于跳过循环中某一次迭代，继续执行循环代码。

前面进过的switch语句里就用到了break语句，用于跳出循环。下面举例。

var x = '';
for(var i = 0; i < 5; i++){if(i == 3){break; // 跳出循环}x += i + ',';
}
alert(x);

如果没有break语句，最后输出0,1,2,3,4。有了break，就会在i=3的时候跳出循环了，最后输出0,1,2。

var x = '';
for (var i = 0; i < 5; i++){if(i == 3) continue;x += i + ',';
}
alert(x);

如果没有continue语句，最后输出0,1,2,3,4。有了continue后，就会在i=3时，跳过循环中的迭代，继续执行循环代码，最后输出0,1,2,4。

以上几个javascript语句，都是工作中常用的，也非常容易理解，在理解的基础上，多练习，能增强记忆，增强理解。

勤学苦练，笨鸟先飞。关注【老徐WEB前端开发教程】公众号，听老徐说。

老徐WEB：js入门学习 - javascript语句相关推荐

老徐WEB：js入门学习 - javascript变量
javascript变量是最基础的知识,也是学习任何编程语言都会接触,并且要学习的知识. 如果你在编程过程中需要存放一个数字,比如100,那么你首先要声明一个变量,然后把数字100赋值给变量,这样在程 ...
老徐WEB：js入门学习 - javascript对象之String对象
简单说明一下字符串. 字符串是由单引号或者双引号括起来的任意文本.如果文本里含有单引号,外面就用双引号括起来,如果文本里含有双引号,那么外面就用单引号括起来.如果文本里面的引号和外面的一致,那么文本里 ...
老徐WEB：JS简单实现图片滚动效果轮播图，自动、手动和自适应(二)
轮播图是前端网页中常用的功能,包括PC端和移动端,都会用到轮播图,像咨讯.电商和个人博客等,首页基本都会有轮播图. 老徐在上一篇文章的基础上[最简单详细的轮播图原理和制作过程],又扩展了功能,使之成为 ...
老徐WEB：最简单详细的轮播图原理和制作过程（一）
老徐利用空闲时间,制作了一个最简单的轮播图,主要介绍轮播图的原理和制作过程,只要大家能认真看完这篇文章,并理解文中内容,就能完全掌握轮播图的制作了.之后工作中碰到复杂的轮播图,自己也能思考制作出来了. ...
Backbone.js入门学习资源
backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件 ...
什么是js为什么学习 JavaScript?
什么是js为什么学习 JavaScript? JavaScript 缩写.一种计算机脚本语言,主要在web浏览器(客户端)解释执行,由网景公司开发. 请注意,网景公司的 JavaScript 和微软公 ...
Web前端入门学习（5）——浮动原理及清除浮动
浮动原理及清除浮动上节回顾在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...
【带着canvas去流浪（11）】Three.js入门学习笔记
[摘要] three.js 入门学习笔记示例代码托管在:http://www.github.com/dashnowords/blogs 一. 资料推荐及建议 1.官方文档很详细,但是API部分单独 ...
Web前端入门学习之JS基础知识梳理汇总
Web前端工程师是当前各大企业都比较稀缺的人才,薪资待遇和就业前景都很不错.不论是专业还是非专业,有基础亦或是无基础,都想通过学习Web前端实现高薪就业. 不过,学习要一步一个脚印,不能一口吃一个胖子 ...
通过制作数字桌面游戏和Web应用程序学习JavaScript
Building 2D games can be a great way to learn JavaScript, especially when working through the basics ...

老徐WEB：js入门学习 - javascript语句

老徐WEB：js入门学习 - javascript语句相关推荐

最新文章

热门文章