这样的写法 (function(){ /* do something */ })(); 的含义, JavaScript

执行匿名函数,并且匿名函数中的变量不污染全局变量空间。

代码:

  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  4. </head>
  5. <body>
  6. <script type="text/javascript">
  7. (function(){
  8.     var inside="inside";
  9.     document.writeln("<p>函数0 无返回值,运行,未污染全局变量空间<br>");
  10.     document.writeln("I am running in a function anonymous.<br>");
  11.     document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
  12.     document.writeln("var inside values: " + inside + "<br>");
  13. })();
  14. var res1 = (function () {
  15.     var inside="inside";
  16.     document.writeln("<p>函数1 有返回值,运行,未污染全局变量空间<br>");
  17.     document.writeln("I am running in a function anonymous.<br>");
  18.     document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
  19.     document.writeln("var inside values: " + inside + "<br>");
  20.     return 111;
  21. })();
  22. var res2 = function () {
  23.     var inside="inside";
  24.     document.writeln("<p>函数2 有返回值,运行,未污染全局变量空间<br>");
  25.     document.writeln("I am running in a function anonymous.<br>");
  26.     document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
  27.     document.writeln("var inside values: " + inside + "<br>");
  28.     return 222;
  29. }();
  30. var res3 = function foo() {
  31.     var inside="inside";
  32.     document.writeln("<p>函数3 有返回值,运行,未污染全局变量空间<br>");
  33.     document.writeln("I am running in a naming function.<br>");
  34.     document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
  35.     document.writeln("var inside values: " + inside + "<br>");
  36.     return 333;
  37. }();
  38. function bar() {
  39.     var inside="inside";
  40.     document.writeln("<p>函数4 有返回值,定义未运行,未污染全局变量空间<br>");
  41.     document.writeln("I am running in a naming function.<br>");
  42.     document.writeln("var inside undefined :" + (typeof inside === 'undefined') + "<br>");
  43.     document.writeln("var inside values: " + inside + "<br>");
  44.     return 444;
  45. };
  46. var res4 = bar();  // bar运行
  47. document.writeln("<p>全局,所有匿名函数未污染全局变量空间<br>");
  48. document.writeln("var inside undefined :" + (typeof inside === 'undefined'));
  49. document.writeln("<br>");
  50. document.writeln("function foo undefined :" + (typeof foo === 'undefined'));
  51. document.writeln("<br>");
  52. document.writeln("function bar undefined :" + (typeof bar === 'undefined'));
  53. document.writeln("<br>");
  54. document.writeln("匿名函数1返回值:" + res1);
  55. document.writeln("<br>");
  56. document.writeln("匿名函数2返回值:" + res2);
  57. document.writeln("<br>");
  58. document.writeln("命名函数foo定义并调用的返回值:" + res3);
  59. document.writeln("<br>");
  60. document.writeln("命名函数bar调用的返回值:" + res4);
  61. document.writeln("<br>");
  62. </script>
  63. </body>
  64. </html>

执行结果:

  1. 函数0 无返回值,运行,未污染全局变量空间
  2. I am running in a function anonymous.
  3. var inside undefined :false
  4. var inside values: inside
  5. 函数1 有返回值,运行,未污染全局变量空间
  6. I am running in a function anonymous.
  7. var inside undefined :false
  8. var inside values: inside
  9. 函数2 有返回值,运行,未污染全局变量空间
  10. I am running in a function anonymous.
  11. var inside undefined :false
  12. var inside values: inside
  13. 函数3 有返回值,运行,未污染全局变量空间
  14. I am running in a naming function.
  15. var inside undefined :false
  16. var inside values: inside
  17. 函数4 有返回值,定义未运行,未污染全局变量空间
  18. I am running in a naming function.
  19. var inside undefined :false
  20. var inside values: inside
  21. 全局,所有匿名函数未污染全局变量空间
  22. var inside undefined :true
  23. function foo undefined :true
  24. function bar undefined :false
  25. 匿名函数1返回值:111
  26. 匿名函数2返回值:222
  27. 命名函数foo定义并调用的返回值:333
  28. 命名函数bar调用的返回值:444

JavaScript语言实现类似这样的效果: 3.grams.flour

JavaScript语言实现类似这样的效果: 3.grams.flour

参考 Javascript: The Good Parts,第33页

代码如下:
<html>
<body>

<script type="text/javascript">

// copied from page 33 of Javascript: The Good Parts
Function.prototype.method = function (name, func)
{
this.prototype[name] = func;
return this;
}

Number.method('chi', function() {
return this*0.333;
});

document.writeln( (3).chi());
document.writeln( "<br>" );
document.writeln( (3+1).chi() );
document.writeln( "<br>" );
document.writeln( 3.2.chi() );
document.writeln( "<br>" );
document.writeln( 3.0.chi() );
// document.writeln( 3.chi() );
// SyntaxError: identifier starts immediately after numeric literal

</script>

</body>
</html>

运行结果如下:

0.9990000000000001
1.332
1.0656

0.9990000000000001

努力学习,苦中作乐。

笔记:javascript通过反射和遍历,访问对象的所有属性,及 按引用/按值传递

正读 JavaScript: The Good Parts.

1. 通过反射和遍历,访问对象的所有属性。
<html>
<body>
<script type="text/javascript">
var x = {
"first-name": "Gift",
"last-name" : "Young"
};
x.nickname = 'nick';
for(name in x){
document.writeln(name+":"+x[name]+" "+typeof x[name]+"<br>");
}
</script>
</body>
</html>
上述代码的运行结果是:
first-name:Gift string
last-name:Young string
nickname:nick string

2.  " Objects are passed around by reference. They are never copied. "

下面的试验证实,String是按值复制的。
x与stooge是同一对象的reference,所以它们的属性的值一起变化;
snick和xnick的值“来自”对象的属性,但是snick和xnick的值并不随对象的属性的值的变化而变化。
<html>
<body>
<script type="text/javascript">
var stooge = {
"first-name": "Gift",
"last-name" : "Young"
};
var x = stooge;
x.nickname = 'before';
var snick = stooge.nickname;
var xnick = x.nickname;
document.writeln("nick:"+stooge.nickname+"<br>");
document.writeln("x.nickname:"+x.nickname+"<br>");
document.writeln("xnick:"+xnick+"<br>");
document.writeln("snick:"+snick+"<br>");
document.writeln("<br>");
x.nickname = 'after';
document.writeln("nick:"+stooge.nickname+"<br>");
document.writeln("x.nickname:"+x.nickname+"<br>");
document.writeln("xnick:"+xnick+"<br>");
document.writeln("snick:"+snick+"<br>");
</script>
</body>
</html>

上述代码的运行结果是:
nick:before
x.nickname:before
xnick:before
snick:before
nick:after
x.nickname:after
xnick:before
snick:before

努力学习语法,勿将高塔起浮沙。