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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
它能够自动执行 (function() { //... })()
里面包裹的内容,能够很好地消除全局变量的影响;
补充一下es6里面的块级作用域:
块级作用域:
for(var i = 0; i < 5; i++) { // ... } console.log(i) // 5
很明显,用 var 关键字声明的变量,在 for 循环之后仍然被保存这个作用域里;
这可以说明: for() { }仍然在,全局作用域里,并没有产生像函数作用域一样的封闭效果。