沙箱 · js技术点

```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //沙箱:环境,黑盒,---在虚拟的世界中,模拟真实世界的场景,做实验,实验的结果和真实世界的结果一样,但是不会影响真实的世界 //沙箱可以解决命名冲突的问题 //以后的代码--->尽可能的放在沙箱中 var num = 100; //沙箱的代码 (function() { var num = 10; // 不与全局的num冲突 num++; console.log(num); //11 })(); console.log(num); //100 </script> <script> //沙箱可以解决命名冲突的问题 (function() { var x = 10; function f1() { // 与下面的f1不冲突 } }()); (function() { var x = 10; function f1() { } }()); </script> </body> </html> ```