zoukankan      html  css  js  c++  java
  • js中冒号的作用

    说到这个题目,先从今天和朋友讨论一个问题开始。{a:1,b:2}直接在控制台输出时会报错“Uncaught SyntaxError: Unexpected token :”;一开始不能理解,一个再正常不过的对象,为什么会报错呢?其实分析下就知道,{}在js中除了表示对象直接量外,还表示语句块;如果一个语句以“{”开头时,js引擎将{}解析为语句块,所以{a:1,b:2}并未被解析为对象,而是被解析为了语句a:1,b:2。

    分析到这里,似乎与题目没有任何关系,刚开始也以为讨论到此结束,但当测试{a:1}的时候,控制台会输出1,而不是报错。为什么呢?a:1当作语句处理的时候是什么意思呢?所以上面出现的问题应该不只是被解析为语句块这么简单。

    下面我们进入正题,正如题目所写,我们要分析的是js中的冒号的作用,相信学过js的人都知道js中常用到冒号的地方有三处,分别是:1)A ? B : C 三元操作符;2)switch case语句中;3)对象直接量;很明显上面的问题与这三者没有关系。那除了这三种用法外,冒号还有什么作用呢?其实冒号在js中还有一个不常用的用途,即标签语句。在js中,任何语句都可以通过在它前面加上标志符和冒号来标记:identifier: statement,这样就可以在任何地方使用该标记,最常用于for循环中。

    现在回到最初报错的问题上,通过对冒号作用的分析最终可得到,{a:1,b:2}单独运行时等同于a:(1,b:2),括号中的语句导致错误的产生。

    补充:首先感谢@Lumia1020的回复,根据@Lumia1020的问题,我加上代码做如下补充:

    1)标签语句在for循环中的作用;代码如下:

    label1:
       for(var i = 0; i < 5; i++) {
         if(i == 2) {
             break label1;
         }
       }

    这样的作用是,当i等于2的时候跳出for循环。

    2)问题中的{a:1,b:2}实际上是由两个标签语句构成,等同于语句:

    a:
       1,b:
             2
    

    中间的1,b:在解析时会报错。

    注:本文仅作为学习过程中的简单记录,如有问题请提出并指教。

  • 相关阅读:
    用 Go 实现一个 LRU cache
    【转】入行软件测试,零基础拿OFFER
    【转】IntelliJ idea 高效使用教程,一劳永逸!
    python连接Oracle报错DPI1047
    【转】Pycharm快捷键设置(鼠标滚动控制字体大小)
    【转】Ubuntu:命令行安装可视化界面
    【转】Windows 如何在cmd命令行中查看、修改、删除与添加环境变量
    VAR多变量预测
    windows进程管理
    git关闭filemode
  • 原文地址:https://www.cnblogs.com/binarytree-fe/p/4950798.html
Copyright © 2011-2022 走看看