javascript中return的设计缺陷
Java  /  管理员 发布于 3年前   156
代码1:
<script>var gisService = (function(window) { return { name:function () { alert(1); } };})(this);gisService.name();</script>
这种写法没有什么问题呀,尤其是对java开发人员来说,java中我们一般会采用这种大括号对齐的方式编写java的类或者函数。但是这段javascript代码在Chrome下会报错:Uncaught SyntaxError: Unexpected token ( 。
代码2:
<script>var gisService = (function(window) { return { name:function () { alert(1); } };})(this);gisService.name();</script>
代码2与代码1几乎是一模一样的,唯一的差别在于return后面的大括号。但是代码2可以在chrome下正常运行。不知道这是什么原因,不过很显然这是javascript设计上的缺陷,因为代码1和代码2仅仅是格式化和排版不一样。
代码3:
<script>var gisService = (function(window) { function name() { alert(1); } return { name:name };})(this);gisService.name();</script>
chrome下运行代码3会报错:Uncaught TypeError: Cannot read property ‘name’ of undefined。
javascript有一个自动修复机制——在程序可能有缺陷的时候,自动插入分号补全,但这个机制很不靠谱,常常会掩盖一些错误。比如:
return { hello:"world";};
正常的理解是返回一个字面量构成的对象。但是如果这么写:
return{ hello:"world"};
javascript的自动补全会将上面代码变成:
return;{ hello:"world"};
实际返回一个undefined,这种错误不会有任何提示。知道这个自动补全机制后,就不难理解为什么代码3会报错了。
下面几种定义函数的方式,只有方式1是错误的。这也可以解释为啥代码1会报错了。
// 方式1:错误{ name:function(){ }};// 方式2:正确var obj = { name:function(){ }};//方式3:正确({ name:function(){ }});//方式4:正确function name(){}{ name:name};
文章来源:http://blog.csdn.net/aitangyong/article/details/44066295
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号