js中关于沙箱的应用

沙箱:环境,黑盒,在一个虚拟的环境中模拟真实世界,做实验,实验结果和真实世界的结果是一样,但是不会影响真实世界。

    //沙箱---小环境
  (function () {
    var num=10;
    console.log(num);  //输出10
  })();
//沙箱---小环境
  (function () {
    var num=20;
    console.log(num+10);  //输出30
  }());
  
 var num=100;
  (function () {
    var num=10;
    console.log(num);//10
  }());


  console.log(num);//100。

=============================================================
案例：
html:

2.png

      var getTag = 10;
  var dvObjs = 20;
  var pObjs = 30;
  (function () {
    //根据标签名字获取元素
    function getTag(tagName) {
      return document.getElementsByTagName(tagName)
    }
    //获取所有的div
    var dvObjs = getTag("div");
    for (var i = 0; i < dvObjs.length; i++) {
      dvObjs[i].style.border = "2px solid pink";
    }
    //获取所有的p
    var pObjs = getTag("p");
    for (var i = 0; i < pObjs.length; i++) {
      pObjs[i].style.border = "2px solid pink";
    }
  }());
  console.log(getTag);  //10
  console.log(dvObjs);  //20
  console.log(pObjs);  //30

执行结果:

1.png