码迷,mamicode.com
首页 > Web开发 > 详细

js中冒号的作用

时间:2015-11-09 20:32:05      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

说到这个题目,先从今天和朋友讨论一个问题开始。{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),括号中的语句导致错误的产生。

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

js中冒号的作用

标签:

原文地址:http://www.cnblogs.com/binarytree-fe/p/4950798.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!