JavaScript快速入门-ECMAScript语句

JavaScript语句(if、for、for in、do...while、while、break、continue、switch)

一、if语句

if (condition) statement1 else statement2

1、if ....else.....

if (2>1){
  alter("2大于1")
} else {
  alert("2小于1")
}

  

2、if....else if ...else...

<script>
	var a=3;
	var b=2

	if (a>b){
		alert(‘a大于b‘);
	}else if(a<b){
		alert(‘a小于b‘);
	}else{
		alert(‘a等于b‘);
	}
</script>

  

二、循环语句

1、do...while

<script>
     var a=0;
    do{
        a+=1;
        console.log(a);
        } while(a<10)
</script>

  

2、while

<script>

    b=10;
    while(b>0){
        console.log(b);
        b-=1;
    }
</script>

  

3、for

<script>

  for(var a=0;a<10;a++){
        console.log(a);
    }
</script>

  

4、for...in(不推荐使用)

<script>

 var b=[1,2,3,4,5]
    for(i in b){
        console.log(b[i]);
    }
</script>

  

三、switch

语法:判断表达性expresssion和下面情况对比,对比一致后,就立马退出循环。

switch (expression)
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
  case value: statement;
    break;
...
  case value: statement;
    break;
  default: statement;

注意:每个语句都有一个break关键字!其实switch和if一样,但是switch使用了break后,效率会比if高。判断次数比if少(除非是极端情况一样)。

  

例如:注意:switch可以进行字符串对比。

<script>
    var a=‘string‘
    switch(a){
        case ‘aaa‘:console.log(‘aaa‘);
        break;
        case ‘string‘:console.log(‘我是字符串‘);
        break;
        case ‘test‘:console.log(‘test‘);
        break;
        default:console.log(‘default‘);
    }
</script>

  

四、break和continue

break 语句可用于跳出本次循环。

continue 语句跳出循环后,会继续执行该循环之后的代码(如果有的话)

例子:continue

<script>
for(var i=0;i<10;i++){
        if(i==5){
        continue;
        }else{
          console.log(i);

        }
</script>

结果:
1
2
3
4
6
7
8
9

 break

<script>
for(var i=0;i<10;i++){
        if(i==5){
        break;
        }else{
          console.log(i);

        }
</script>

结果:
1
2
3
4

  

五、异常语句

try {
    //这段代码从上往下运行,其中任何一个语句抛出异常该代码块就结束运行
}
catch (e) {
    // 如果try代码块中抛出了异常,catch代码块中的代码就会被执行。
    //e是一个局部变量,用来指向Error对象或者其他抛出的对象
}
finally {
     //无论try中代码是否有异常抛出(甚至是try代码块中有return语句),finally代码块中始终会被执行。
}

  

 
 

原文地址:https://www.cnblogs.com/skyflask/p/9027343.html

时间: 2024-10-23 20:16:14

JavaScript快速入门-ECMAScript语句的相关文章

JavaScript快速入门-ECMAScript本地对象(Array)

Array对象 Array对象和python里面的list对象一样,是用来存储多个对象值的对象,且方法和属性基本上类似. 一.属性 lenght 二.方法  1.concat()  用于连接两个或多个数组.类似python中的extend方法. arrayObject.concat(arrayX,arrayX,......,arrayX) 2.join()用于把数组中的所有元素放入一个字符串.类似python中的join.'*'.join(a) JavaScript中的join用法: 3.pop

javascript学习笔记---ECMAScript 语句

ECMAScript 语句: 进一步说是流程控制语句. 主要流程有:顺序,选择,循环. 顺序语句不用多说.(大括号中的语句基本都是顺序的) 选择语句: if (i > 30) {alert("大于 30");} else {alert("小于等于 30");}if (i > 30) { alert("大于 30"); } else if (i < 0) { alert("小于 0"); } else { al

Javascript快速入门(上篇)

Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.与1995年,由Netscape公司的Brendan Eich设计实现,其相关标准为ECMAScript,当前的版本为ECMAScript 2016. 其组成

JavaScript快速入门(五)——表达式运算

赋值运算 赋值运算的形式为左值 = 右值.如果同个表达式中有多个赋值运算,则从右到左运算.例如: a = b = c; // 和下面两行等价 b = c; a = b; 另外一种赋值运算的形式叫做复合赋值运算符,形式为左值 op= 右值,其中op=表示部分运算符和=的结合,a op= b和 a = a op b等价.例如下面两句是等价的: a += b; a = a + b; 其中op可以是下列运算符之一: +,-,*,/,%,<<,>>,>>>,&,|,

3、JavaScript快速入门(2)

函数基础 函数主要用来封装具体的功能代码. 函数是由这样的方式进行声明的:关键字 function.函数名.一组参数,以及置于括号中的待执行代码. 注意:函数的形参是不用声明使用的. 函数的基本语法是这样的: function functionName(arg0, arg1, ... argN) { statements } 例如: function sayHi(sName, sMessage) { alert("Hello " + sName + sMessage); } 调用函数:

JavaScript快速入门(六)——DOM

概念扫盲 DOM DOM是 Document Object Model(文档对象模型)的缩写,是W3C(万维网联盟)的标准. DOM 定义了访问 HTML 和 XML 文档的标准: “W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.” W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模

Javascript快速入门(下篇)

Javascript, cheer up. Ajax:其通过在Web页面与服务器之间建立一个额外的处理层,这个处理层就被称为Ajax引擎,它解释来自用户的请求,在后台以异步的方式处理服务器通信,其结构如下图所示. XMLHttpRequest对象:这个是Ajax的核心对象,其让Javascript构建的HTTP请求并提交给服务器,这样页面就能以异步方式在后台产生请求,让用户可以继续使用这个页面,而不必等待浏览器刷新或加载新的页面.接下来通过一个表格对XMLHttpRequest对象有个总体的了解

javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup--网页超文本应用程

JavaScript快速入门-实战(例子)

1.模拟bootstrap中的模态框 效果图:(点我后,弹出对话框,最下面的内容可以看到,但是有一定的透明度.) 思路分析: 整体分为三层,最底层(点我),中间透明层(实现透明效果),最顶层(最新内容展示) 很明显,三个div就可以实现,正常情况上面2层div隐藏起来,通过点击“点我”后,上面2层div浮现出来,这样就实现了动画效果. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Conten