【JS】2--流程控制和错误处理

注意一点:在ES6之前,JS是没有块作用域的,如果在语句块外部声明的变量,如果在块内部声明一个相同名称的变量,那么程序将取后声明的这个变量的值:

var a =  1;
{
    var a =  2;
}
a;  // 2

但是ES6开始,用 let声明的变量是块作用域的:

let a =  1;
{
    let a =  2;
}
a; // 1

1.条件判断语句(分支)

a. if...else语句

单分支
if(条件){
  语句;
}
如果条件成立,执行语句
双分支
if(条件){
  语句1;
}else{
  语句2;
}
条件成立(true),执行语句1,条件不成立(false)执行语句2.

多分支
if(条件1){
  语句1;
}else if(条件2){
  语句2;
}
...
else{
  语句;
}

用于根据指定条件返回结果,常见的是 if...elseswitch

False等效值
在JS中下面的值常常被计算为 false

  • false
  • undefined
  • null
  • 0
  • NaN
  • 空字符串("")

注意
不要使用原始布尔值 truefalse 与 Boolean对象的真和假混淆:

let a =  new  Boolean(false);   // Boolean {true}
if  (a);    //  永真
if  (a ==  true);    // 永假

2. switch语句

通过匹配表达式的值到每个 case标签,若匹配成功则执行相关语句:

switch  (  'leo'  ){
    case  'pingan':
        语句 1
        break;  // 可选
    case  'leo':
        语句 2
        break;
    default: // 都不匹配 则执行默认
        语句 n
        //break;
}

break为可选,目的用于保证在正确匹配后,能跳出程序的 switch语句,并继续执行其他代码,若没有 break则程序会继续执行下一个 case语句。

3.异常处理语句

throw语句抛出的异常,我们可以使用 try...catch捕获并处理,这里需要先介绍两个概念:

throw语句:

用于抛出异常,后面可以是任何表达式:

throw  "error !";
throw  404;
throw  {msg:  'err'};

try...catch语句:

用于捕获异常, try后面是程序正常时候执行的程序, catch后面是当前面有错误抛出的时候执行,并且捕获错误信息作为参数,并且在 catch块执行完成,参数不可再用。

function f(){
    throw  'test error!'
}
try{
f();
    console.log('success');
}catch  (err){ // err 为前面返回的错误信息
    console.log(err);
    console.log('failed');
}
// test error!
// failed

通常在 try...catch后还有一个 finally语句块,用于不论前面是否有报错,都会执行 finally语句:

try{
    // do something
}catch(err){
    // do something
}finally{
    // do something
}

try...catch常常也用在做网络请求的情况下:

function getData (){
    try{
        let a = fetch(url);
    }catch(err){
        console.log(err);
    }
}

4 . JS中的循环和迭代

首先我们要知道:循环实际上就是把一个事情重复n次执行,也有可能是0次,JS中有以下几种循环语句类型:

  • for语句
  • do...while语句
  • while语句
  • labeled语句
  • break语句
  • continue语句
  • for...in语句
  • for...of语句

1. for语句
重复执行 for的条件语句,直到循环条件为 false退出循环:

var a =1;
for( a <3){
    a ++;
}

这个语句大概执行了以下操作:

1.定义并初始化一个变量 a的值为 1;
2.执行循环语句,条件为当 a<3的时候, a每次递增 1;
3.返回第2步继续循环;
4.当 a在等于4的时候,不满足循环条件 a<3,然后退出循环;
其他例子
/ 求数组中所有值的和

var a =[1,3,4,6];
var sum =0;
for(var i =0;i <a.length;i++){
sum +=a[i];
}
sum;       // 14

2. do...while语句
重复执行 do的条件,直到不符合 while的条件,退出循环:
先执行一次循环操作,再判断循环条件是否成立,条件成立,再次执行循环操作.
特点:先执行,再判断
不管条件是否成立,至少执行一次。

do{
    a +=1;
    console.log(a);
}
while(a <5);

3. while语句
重复执行 while的条件,直到 while的条件为 false,退出循环:

var a =0;
var b =0;
while(a<5){
    a++;
    b +=a;
}
// a => 5; b => 15

4. labeled语句
用来标识一个程序位置的标识符,如标识一个循环,并在 break或 continue中指出中国标识符,来停止这个循环。

var a =[1,2,3,4,5];
labelName:
for(var i =0;i<a.length;i++){
    console.log(i);
    if(i >1){        
        break labelName;    
    }
}
// 0
// 1
// 2

5. break语句
用于终止一个循环,还可以在 switch中终止,通常这么使用:
一般用在循环内 , 跳出整个循环 循环停止

终止一个循环:

for(var i =0;i<a.length;i++){   
        if(a[i]==1){
            break;    
      }
}
  • 终止一个label
leo:
for(var i =0;i<a.length;i++){
    for(var j =0;j<a.length;j++){
      if(a[i]==a[j]){          
          break  leo;        
        }   
    }
}

6. continue语句
用来跳过当前循环,进入下个循环,可以使用在 while、 do...while、 for或者 label语句:

有使用 continue

var a =0;
var b =0;
while(a<5){
    a ++; 
    if(a ==2){     
        continue;   
}
    b +=a;
    console.log(b);
}
// 1 4 8 13

没有使用 continue

var a =0;
var b =0;
while(a<5){
    a ++;   
    if(a ==2){        
      // continue;   
    }
   b +=a;
   console.log(b);
}
// 1,3,6,10,15

7. for...in语句
通常用于遍历一个对象的所有可枚举的属性,执行指定方法:

var a =[  
    {name :'leo'},    
    {name :'pingan'},
    {name :'平安'},
]
for(var k in a){   
    // a为循环对象 k为当前指针位置
    console.log(a[k]);
}

8. for...of语句
通常用于遍历一个可迭代对象(包括 Array, Map, Set和参数对象 arguments等),执行指定方法:

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

推荐阅读更多精彩内容