JS note ---语句

刘玉平发布于2019-08-23 10:50 / 2505人阅读

语句

JavaScript 语句向浏览器发出的命令语句的作用是告诉浏览器该做什么。

JS就是由一条一条的语句构成的每一条语句使用;结尾

JS中的语句默认是由上至下顺序执行的但是我们也可以通过一些流程控制语句来控制语句的执行顺序

代码块

代码块是在大括号{}中所写的语句将多条语句的集合视为一条语句来使用

一般使用代码块将需要一起执行的语句进行分组代码块结尾不需要加分号

    {
    var num=100;
    num++";
    console.log(num);
    }

条件语句

条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句

最基本的条件语句:
if...else
swtich...case

if...else语句

-if...else语句是一种最基本的控制语句，它让JavaScript可以有条件的执行语句
第一种形式: if(表达式)语句

if语句是条件判断语句是最基本的流程控制语句

if语句的执行流程:判断条件的结果true/false --->当结果为true时,执行下面的代码块 / 当结果为false时 ,会跳过代码块,继续执行下面的代码

    
    if(age>=18){
     alert("您已成年:)");
    }
//if关键字后面的()不能省略
//if关键字后的判断条件的结果必须是布尔值 如果不是  JS会自动转换为布尔值

第二种形式:if(表达式)语句else语句

if...else语句的执行流程:判断条件的结果为true/false --->结果为true 执行a语句/结果为false 执行b语句 --->继续执行下面的代码块

    if(age>=18){
    alert("您已成年:)");
} else{
    alert("你还未成年:(");
}

除了if和else还可以使用else if来创建多个条件分支简化了if...else语句嵌套的写法

   if(age < 18){
alert("你还未成年！");
}else if(age <= 30){
alert("您已经是个青年了")
}else{
alert("你已经步入中老年了...");
}

switch...case语句

switch...case是另一种流程控制语句

switch语句适用于多条分支使用同一条语句的情况

switch语句相对于if...else语句性能更优

case语句只是标识程序运行的开始，并不是结束一旦符合case的条件程序会一直运行到结束所以我们一般会在case中添加break作为语句的结束

switch(语句){
case 表达式1:
语句...
case 表达式2:
语句...
default:
语句...
}
//switch关键字后面的小括号 case关键字后的:都不能省略
//break是跳出 一旦被执行 后面所有的case和default语句都不会被执行

循环语句

循环语句也是基本的控制语句

循环中的语句只要满足一定的条件就会一直执行

执行流程:执行代码块 --->判断条件的结果是true/false --->true 重复执行代码块/false 继续执行后面的代码

和if一样 while中的条件表达式会被转换为布尔值只要该值为true 代码块会一直执行

代码块每执行一次条件表达式就会重新计算

while语句

while语句也被称为while循环

while语句在执行时，会先对条件表达式进行求值判断，如果结果为true，则执行while后的语句，执行完毕后，继续对条件表达式进行求值判断，如果为true，继续执行依此类推如果结果false，则退出循环语句

 var n=0;
 while(n<10){
 n++;
console.log(n);   // 1,2,3,4,5,6,7,8,9,10
}

do...while语句

do...while和while非常类似但是它会在循环的尾部检查表达式的值也就是先执行后判断

do...while循环至少会执行一次

do...while语句在执行时，会先执行do后的语句，执行完毕后，对while中的条件表达式进行求值判断如果结果false，则退出循环如果结果为true，则继续执行循环体，执行完毕后继续判断

    var n=11;
      do{
            n++;
            console.log(n)   //12
        }while (n<10);

for语句

大部分循环都会有一个计数器用来控线执行循环次数三个关键操作是初始化检测和更新

for循环执行流程:执行初始化表达式初始计数器 --->执行条件表达式判断结果是true/false--->如果为false 则继续执行下面的代码/如果为true 则执行代码块--->再执行循环操作表达式重新执行条件表达式

  for(var i=0;i<10;i++){
   console.log(i);    //0,1,2,3,4,5,6,7,8,9
}

break和continue

break 和 continue 语句用于在循环中精确地控制代码的执行

使用break语句会使程序立刻退出最近的循环，强制执行循环后边的语句

break和continue语句只在循环和switch语句中使用

for(var i=0 ; i<5 ; i++){
    if(i==2){
       break;
    }
    console.log(i);       // 0 1
}

使用continue语句会使程序跳过当次循环，继续执行下一次循环，并不会结束整个循环

continue只能在循环中使用，不能出现在其他的结构中

for(var i=0 ; i<5 ; i++){
            if(i==2){
                continue;
            }
            console.log(i);       // 0 1 3 4
        }

私有云服务器托管 Notes note lotus notes lotus?notes

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96742.html

30分钟用Node.js构建一个API服务器

摘要：你的服务器已经启动了。为此，我们将使用名为的优秀应用。项目结构大多数教程以及许多真实的案例都将所有路由放在一个很大的文件中。不仅要求为字符串，还要求是一个对象，它们被之为。翻译：疯狂的技术宅原文：https://medium.freecodecamp.o... 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 Node.js 对初学者来说可能是令人望而却步...

AlienZHOU 2019-08-26 13:53 评论0 收藏0
使用 Vuex + Vue.js 构建单页应用

摘要：鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇下的使用方法，传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候，看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 ---------...

tomorrowwu 2019-08-19 18:42 评论0 收藏0
使用 Vuex + Vue.js 构建单页应用

摘要：鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇下的使用方法，传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候，看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 ---------...

cnsworder 2019-08-01 15:25 评论0 收藏0
使用 Vuex + Vue.js 构建单页应用

摘要：鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇下的使用方法，传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候，看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 ---------...

levius 2019-08-29 10:58 评论0 收藏0
使用 Vuex + Vue.js 构建单页应用

摘要：鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇下的使用方法，传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候，看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 ---------...

UsherChen 2019-08-19 18:43 评论0 收藏0
使用 Vuex + Vue.js 构建单页应用

摘要：鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇下的使用方法，传送门使用构建单页应用新篇华丽的分割线原文地址前言在最近学习的时候，看到国外一篇讲述了如何使用和来构建一个简单笔记的单页应用的文章。鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 ---------...

YJNldm 2019-08-01 15:24 评论0 收藏0