js访问函数内部的变量(三种方法)

这个是在掘金上查到的,-原文链接-前几天被问到,只答出来闭包和块级作用域。(哭唧唧,我太菜了~)


js访问函数内部的变量(三种方法)
通过return访问:
function bar(value) {
  var testValue = 'inner';
  
  return testValue + value;
}

console.log(bar('fun'));		// "innerfun"

通过 闭包 访问函数内部变量:
function bar(value) {
  var testValue = 'inner';
  
  var rusult = testValue + value;
  
  function innser() {
     return rusult;
  };
  
  return innser();
}

console.log(bar('fun'));		// "innerfun"

立即执行函数:

用它来分离全局作用域,形成一个单独的函数作用域。

<script type="text/javascript">

    (function() {

      var testValue = 123;

      var testFunc = function () { console.log('just test'); };

    })();

    console.log(window.testValue);		// undefined
    
    console.log(window.testFunc);		// undefined
    
</script>

它能够自动执行 (function() { //... })() 里面包裹的内容,能够很好地消除全局变量的影响;

补充一下es6里面的块级作用域:

块级作用域:
for(var i = 0; i < 5; i++) {
  // ...
}

console.log(i)				// 5

很明显,用 var 关键字声明的变量,在 for 循环之后仍然被保存这个作用域里;

这可以说明: for() { }仍然在,全局作用域里,并没有产生像函数作用域一样的封闭效果。


嗯~ 卑微,但是今天也要加油哦~
怕什么就来什么,疯狂的面对它哈哈哈哈哈哈。

发布了80 篇原创文章 · 获赞 82 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_42893625/article/details/102923755