代码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