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() { }仍然在,全局作用域里,並沒有產生像函數作用域一樣的封閉效果。