第三章 基本概念(三) 语句(一)

在JS中语句一共有3大类型.
第一类:顺序语句(从头到尾顺序执行)
第二类:分支语句(判断)
第三类:循环语句(循环执行)


顺序语句结构

没什么好讲的。就是从上到下按部就班的执行.


分支语句

If语句

在分支语句里面最常用的就是if(){}else{}
小括号里面要是真,就执行第一个{}里面的语句,要是假就执行第二个{}里面的语句
例如:

if(i>25)
{window.alert("You are right")}
else if(i<0)
{window.alert("You are wrong")}
else if(i>30)
{window.alert("You kidding me")}


do-while(用的太少了)

do-while语句在对条件表达式求值以前,循环体内的代码至少会被执行一次。
语法:

do{
window.alert("Hello world!")
}while(条件)

下面是一个示例;

var i = 0 ;
do{
i+=2;
}while(i<10)
alert(i)
在这个例子中,只要变量i的值小于 10,循环就会一直继续下去.而且变量i的值最初为0,每次循环都会递增2


while语句

while语句属于前测试循环语句。也就是说在循环体内的代码被执行前,就会对出口条件求值。因此可能代码永远不会被执行。下面是while的语法;
while(条件){代码}
实例:

var  i = 0 ;
while(i<10)
{
  i+=2;
}
window.alert(i);

在这个例子中变量开始是0然后每次循环都会递增加2,而只要I的值小于10,循环就会一直下去

for语句

for语句具有在执行循环之前初始化变量和定义循环后要执行的代码的能力
语法;

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

上面代码定义了变量i的初始值0,只有当表达式(i<count)返回true的情况下才会进入for循环.因此也有可能不会执行循环体中的代码。如果执行了循环体中的代码。则一定会对循环后的表达式(i++)求值,即递增i的值.这个for循环语句与下面的while语句功能相同:

var count = 10;
var i = 0;
while(i<count)
{
  alert(i);
 i++;
}

简单来说:使用while循环做不到的,for循环也做不到.也就是说for循环只是把循环有关的代码集中在一起了

特别注意:在JS中不存在块级作用域,FOR循环根本不行。

例如:

var count = 10;
for(var i=0;i<count;i++)
{
  alert(i);
}
alert(i);           //照样能访问到

在上面这个例子中,即使i是循环内部定义的一个变量,但在循环外部也能访问到
此外:for语句中的初始化表达式,控制表达式,循环后的表达式都是可选的。如果将两个表达式全部省略,会创建一个无限循环。
例如:

for(;;)      //无限循环
{
 doSomething();
}

由于FOR语句存在极大的灵活性,因此它是JS里面最常用的一个语句

for-in语句

for-in属性用来枚举对象的属性。

for(var propName in window)
{
  document.write(propName)
}

这个过程会一直持续到对象中的所有属性都被枚举一遍为止。因为JS对象的属性没有顺序,因此通过for-in循环输出的属性没有顺序,具体来说,所有的属性都会被返回一次。但是返回的先后次序可能因浏览器而异。
但是要是对象的变量值要是null或者undefined,for-in语句会报错误,建议在使用for-in循环以前,先检测该对象的值是不是null或undefined

label语句

使用label语句可以在代码中添加标签。方便以后使用。
语法:

var num = 0;
    outPoint:
    for (var i = 0 ; i < 10 ; i++){
         for (var j = 0 ; j < 10 ; j++){
              if( i == 5 && j == 5 ){
                    break outPoint;
              }
         num++;
         }
    }
    alert(num); // 循环在 i 为5,j 为5的时候跳出双循环,返回到outPoint层继续执行,输出 55

break和continue语句

break和continue语句,break语句会立即退出循环,强制继续执行循环后面的语句,而continue语句虽然也是立即退出循环,但是退出循环后会从循环的顶部继续开始执行.

var num = 0 ;
for(var i=1;i<10;i++)
{
     if(i%5==0)
    {
   break;
    }
num++;
}
alert(num);   // 4

break中断后后面就不执行了

var num = 0 ;
for(var i=1;i<10;i++)
{
     if(i%5==0)
    {
   continue;
    }
num++;
}
alert(num);   // 8

continue只是中断了当前这个循环,后面的循环会继续运行。不影响后面的使用.

with语句

with语句的作用是将代码的作用域设置到一个特定的对象中
例如:

var qs = location.search.substring(1);
var hostname = location.hostname;
var url = location.href;
上面的几行代码中都有location对象。所以可以用with语句合并为:
with(location)
{
var qs = search.substring(1);
var hostname = hostname;
var url = href;
}

在这个重写后的例子中,使用with语句关联了location对象。这个意味着with语句的代码块内部每个变量首先被认为是一个局部变量。而如果在局部环境中找不到该变量的定义。就是查询location对象中是否有同名的属性。如果有同名的属性,则以location对象属性的值作为变量的值。(基本上用的非常少)


switch语句

switch语句与if语句联系最密切。
语法:

switch(条件)
{
  case value: 语句;
   break;
  case value: 语句;
   break;
  case value: 语句;
   break;
  case value: 语句;
   break;
  case value: 语句;
   break;
  default: 语句;
}

switch语句中每一种情况(case)的含义就是:如果表达式等于这个值(value),则执行后面的语句.而break关键字则导致代码执行流跳出switch语句。如果省略break关键字。则会导致穿透,所以必须要有。
语法结构

switch(i)
{
  case 25:alert("25");break;
  case 35: alert("35"); break;
  default:alert("Other");
}

switch(条件)条件里面可以是任意类型,常量,字符串,都行

var num = 25;
switch(true)
{
   case num<0 :
          alert("比0小");
          break;
   case num>=0&&num<=10:
       alert("0到10之间");
        break;
    default:alert("数值不存在");
}

Switch语句使用的是全等操作符,因此不会发生类型转换。例如"10"不会变成数值10

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,577评论 18 399
  • Swift 提供了类似 C 语言的流程控制结构,包括可以多次执行任务的for和while循环,基于特定条件选择执行...
    穷人家的孩纸阅读 690评论 1 1
  • [The Swift Programming Language 中文版]本页包含内容: Swift提供了多种流程控...
    风林山火阅读 555评论 0 0
  • 自古人人都说做人难,但到底是困难还是苦难,是难过还是难得,含义迥然不同。人生不过就是这同样长短的几十年,在辽...
    孟乐先生阅读 316评论 0 0
  • 上课铃声已经响起 你拉着我的书包带子护着我下楼 “恐怕得做好异地恋的准备了” 你终于提起 “难道不是已经上升到异国...
    许大哈哈哈哈哈阅读 110评论 0 0