深入理解ECMAScript的几个关键语句

写在前面

在这一章中我们聊一聊ECMAScript中的几个关键语句switch、for-in、label等语句,加深我们对它们的理解和认识。首先从最常见的说起。

while和for

while和for是很常规的语句,无论是在JavaScript还是C还是其他编程语言中。而且在编程中我们较常用的也是for,for用起来更灵活,更简单,所以有些人可能就会产生这样一种误解:

for比while更强大,能做到while做不到的一些事情。

其实我们稍微想想while和for语句的语法应用,我们就会发现:

while循环做不到的for循环也做不到。

这是因为for循环只是把while循环有关的代码集中在了一起而已,其实有些时候,用while循环比用for循环更简单。这也是各司其职各有利弊吧。

关于循环的另一点,我们先看一段代码:

for(i=0;i<5;i++){
  console.log(i);
}
console.log(i);

在循环外打印i,打印输出是5。

可以看到,在循环内部定义的变量在外部也是可以访问的。在一些语言中比如C,大括号定义的是块级作用域,但是在ECMAScript中是没有块级作用域这个概念的,所以在循环内部定义的变量在外部也是可以访问的。

switch语句

在其他编程语言中比如C,switch语句只能使用数字,而在ECMAScript中,switch语句可以使用任何数据类型,像字符串、对象都是可以的。

这里有一点需要说明:switch语句比较的时候使用的全等操作符,即===,所以'10'和10不相等,因为在进行全等比较的时候,并不发生类型转换。

for-in语句

for-in语句是一种精确性的迭代语句,可以用来遍历对象的属性,当然也可以迭代数组的属性。下面分别以例子说明:

for-in遍历对象

•window

先遍历一个特殊的对象window:

for(var i in window){
  console.log(i);
}

会打印出一串很长很长的属性列表,大家可自行查看,在此不一一罗列赘述。

•自定义对象

遍历自定义对象

var o={prop1:'value1', prop2:'value2', prop3:'value3'};
for (var i in o){
  console.log(i);
}

打印出prop1 prop2 prop3。

•数组

遍历数组

var array1=[1,2,3,4];
for(var i in array){
  console.log(i);
}

打印输出1 2 3 4。

with语句

with语句可以用来限制作用域,即可以将代码的作用域设置到一个特定的对象中。如下:

var hostname=location.hostname;
var url=location.href;

这两句分别获取hostname和url,因为它们共用location(同一个对象下的属性),所以我们可以将作用域限定在location中,即用with语句关联location对象。如下:

with(location){

  var hostname=hostname;
  var url=href;
}

需要注意的是:严格模式下使用with语句会有语法错误,同时,大量使用with语句会导致性能下降,同时也会给调试带来一定的困难,所以在开发应用程序的时候,尤其是开发大型应用程序的时候,并不建议使用with语句。

label语句

label语句用来在代码中加标签,从而可以在以后来使用它。一般情况下,加标签的语句要和for循环等循环语句配合来使用。

它的语法是:

label: statement

下面给出代码详细来看看label标签的用法。

1、先给出一段基本的代码:

var num=0;
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break;
    }
    num++;
  }
}
console.log(num);

说明:break跳出了处在内部的for循环,j剩下的5次循环不再执行,所以打印的结果是95。

2、接下来我们将break换成continue:

var num=0;
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break;
    }
    num++;
  }
}
console.log(num);

说明:continue跳出了本次循环,就是说跳出了处在内部for循环的这一次循环,所以打印的结果是99。

3、接下来我们加上一个名为outer的label标签再分别看打印结果:

var num=0;
outer:
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break outer;
    }
    num++;
  }
}
console.log(num);

说明:加上了标签以后,用break跳到了标签outer处,就是说程序跳出了外循环,即程序执行到了i=5且j=5时停止执行,所以打印的结果是55。

4、我们再换成continue看看:

var num=0;
outer:
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      continue outer;
    }
    num++;
  }
}
console.log(num);

说明:这一次用的是continue,所以当程序执行到i=5且j=5时并没有跳出外循环,而只是跳出了内循环,即剩下的5次不予执行,所以打印的结果是95。

放在一起这几个显得稍微有些混淆,多理解理解就会好很多。

小结

我们学习一门东西不是为学而学,是为用而学,说白了就是为了工作而学,所以单纯理解上面的东西不是最重要的,不是为记而记,是为用而记,能够熟练运用在实践中才是我们希望的。同时,做笔记是一个很好的习惯,好记性不如烂笔头,如果你在做,那么希望你坚持下去。

以上这篇深入理解ECMAScript的几个关键语句就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • 深入理解ECMAScript的几个关键语句

    写在前面 在这一章中我们聊一聊ECMAScript中的几个关键语句switch.for-in.label等语句,加深我们对它们的理解和认识.首先从最常见的说起. while和for while和for是很常规的语句,无论是在JavaScript还是C还是其他编程语言中.而且在编程中我们较常用的也是for,for用起来更灵活,更简单,所以有些人可能就会产生这样一种误解: for比while更强大,能做到while做不到的一些事情. 其实我们稍微想想while和for语句的语法应用,我们就会发现:

  • 深入理解JavaScript系列(16) 闭包(Closures)

    介绍 本章我们将介绍在JavaScript里大家经常来讨论的话题 -- 闭包(closure).闭包其实大家都已经谈烂了.尽管如此,这里还是要试着从理论角度来讨论下闭包,看看ECMAScript中的闭包内部究竟是如何工作的. 正如在前面的文章中提到的,这些文章都是系列文章,相互之间都是有关联的.因此,为了更好的理解本文要介绍的内容,建议先去阅读第14章作用域链和第12章变量对象. 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-6-closu

  • 深入理解JavaScript系列(13) This? Yes,this!

    介绍 在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节.讨论的主题就是this关键字.实践证明,这个主题很难,在不同执行上下文中this的确定经常会发生问题. 许多程序员习惯的认为,在程序语言中,this关键字与面向对象程序开发紧密相关,其完全指向由构造器新创建的对象.在ECMAScript规范中也是这样实现的,但正如我们将看到那样,在ECMAScript中,this并不限于只用来指向新创建的对象. 英文翻译: Dmitry A. Soshnikov在Stoyan Stefanov的帮助下

  • JavaScript严格模式禁用With语句的原因

    看了很多遍JavaScript严格模式,其中有说"禁用With语句",以前看到这都是骑马观花,一带而过,因为平时就很少用到这个语句,禁不禁用对自己关系都不是很大.今天禁不住想知道为何"严格模式"就容不下with语句呢? EcmaScript规范上说"with 语句用于设置代码在特定对象中的作用域",可以看出,With语句改变了作用域链. function Person(name,age,sex){ this.name = name; this.a

  • 深入理解JavaScript系列(15) 函数(Functions)

    介绍 本章节我们要着重介绍的是一个非常常见的ECMAScript对象--函数(function),我们将详细讲解一下各种类型的函数是如何影响上下文的变量对象以及每个函数的作用域链都包含什么,以及回答诸如像下面这样的问题:下面声明的函数有什么区别么?(如果有,区别是什么). 原文:http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 复制代码 代码如下: var foo = function () { ... }; 平时的惯用方式:

  • Java并发之synchronized实现原理深入理解

    目录 synchronized的三种应用方式 synchronized作用于实例方法 synchronized作用于静态方法 synchronized同步代码块 synchronized底层语义原理 理解Java对象头与Monitor synchronized代码块底层原理 synchronized方法底层原理 Java虚拟机对synchronized的优化 偏向锁 轻量级锁 自旋锁 锁消除 关于synchronized 可能需要了解的关键点 synchronized的可重入性 线程中断与syn

  • mssql中得到当天数据的语句

    一条例子: select count(point_id) as today_sum from point where datediff(d,point_date,getdate())=0 关键语句:  datediff(d,point_date,getdate())=0

  • ECMAScript 基础知识

    JavaScript的核心之一ECMAScript的语言特性和Java.C.Perl都有许多相似之处,其中不少特性都是从这些语言借鉴而来,同时它们之间也存在许多差异.下面列举一些ECMAScript的基本特性. --和Java一样,ECMAScript区分大小写,注释的格式相同,通过{}确定代码块,原始数据类型存储在堆栈,对象的引用存储在堆中    --ECMAScript是一种松散的语言,ECMAScript通过var操作符声明变量,并且不限类型,例如var n = 25,那么n就是数字类型,

  • 理解C#中的事件

    前面文章中介绍了委托相关的概念,委托实例保存这一个或一组操作,程序中将在某个特定的时刻通过委托实例使用这些操作. 如果做过GUI程序开发,可能对上面的描述会比较熟悉.在GUI程序中,单击一个button会触发一个click事件,然后会执行一系列的操作,这一系列的操作就被存放在一个委托实例中. 接下来我们就看看事件. 使用委托中的问题 回到前面文章中苹果和富士康的例子,苹果将iphone的组装.包装和运输的工作全部委托给了富士康. 根据上面的描述,我们修改了一下代码,在Apple这个类中加入一个订

  • Java代码里如何拼接SQL语句到mybatis的xml

    关键语句: StringBuilder whereSql = new StringBuilder(); whereSql.append("SQL"); 实现类: public List getList(Map<String, Object> map) { List<Map<String, Object>> rs = new ArrayList<Map<String, Object>>(); try { StringBuilde

随机推荐