解析JavaScript中点号“.”的多义性
更新时间：2013年12月02日 10:10:39 作者：
这篇文章主要介绍了JavaScript中点号“.”的多义性。需要的朋友可以过来参考下，希望对大家有所帮助
点号「.」在JavaScript中有两种语义
语义1、表示算术中的小数点（浮点数），如 2.5
语义2、取对象属性、方法，如 [].push(2)
这几乎没有任何难理解的地方，但下面这个问题则很有趣。
复制代码 代码如下:
// 这行代码会如何执行
1.toString();
Firebug 中如下
这里的点号表达的是上述的语义1，因此点号后面必须跟一个数字，这里跟的是toString，报语法错了。
解决方法很简单，如加个小括号
复制代码 代码如下:
(1).toString();
还可以这么写，但难理解些
复制代码 代码如下:
1..toString();
之所以浏览器中都能运行，是因为各浏览器JS引擎都把“1..toString()”理解成了 “1.0.toString()”。这里第一个点号是语义1，第二个点号是语义2。
还有更奇怪的写法，竟然也没有报错
复制代码 代码如下:
1 .toString(); // 注意点号前面有一个空格
显然，这里的点号是语义2，即JS引擎会忽略点运算符前边的空格，其实无论前后的空格都会忽略。如下
复制代码 代码如下:
1 . toString(); // 点号前后都有一个空格
1 . toString(); // 点号前后各有两个空格
1 .toString(); // 点号前有一个tab
1 . toString(); // 点号前后各有一个tab
JS引擎不但会忽略空格，也会忽略tab。
相关文章
这篇文章主要介绍了ES6扩展运算符的用途 ,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-08-08
给大家详细讲解一下单线程javascript的执行问题，以及通过实例分析用法。2017-11-11
原以为是一个蛮复杂的题目，想了许久没思路，当然要实现绝对能实现，但如果分析JavaScript脚本或是动态产生代码，都太复杂了。2010-06-06
这篇文章主要介绍了es6函数之严格模式用法,结合实例形式分析了es6函数严格模式的定义、用法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要为大家详细介绍了JavaScript实现抽奖器效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了8 个有用的JS技巧(推荐)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-07-07
这篇文章主要介绍了js实现适用于素材网站的黑色多级菜单导航条效果,涉及javascript鼠标事件及页面元素样式的动态切换技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
TypeScript中type和interface的区别及注意事项
type的类型别用可以用户其他的类型,比如联合类型、元祖类型、基本类型,interface不行,下面这篇文章主要给大家介绍了关于TypeScript中type和interface的区别及注意事项的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了js点击列表文字对应该行显示背景颜色的实现代码,感兴趣的小伙伴可以参考下2015-08-08
这篇文章主要介绍了ES11新增的这9个新特性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
最新评论