Cách truy cập biến chức năng bên ngoài trong hàm bên trong lồng nhau trong JS

Question

Tôi mới dùng JS và có nghi ngờ với ví dụ bên dưới. Vui lòng xem các bình luận nội tuyến.

function outer() { 
 
\t var x = 5; 
 
\t console.log("outer",x); // Prints 5 
 
\t console.log("-----------"); 
 
\t function inner() { 
 
\t \t var x = 6; 
 
\t \t console.log("inner",x); // Prints 6 
 
\t \t console.log("outer",x); // Prints 6. How to print 5 
 
\t \t console.log("-----------"); 
 
\t \t function _inner() { 
 
\t \t \t var x = 7; 
 
\t \t \t console.log("_inner",x); // Prints 7 
 
\t \t \t console.log("inner",x); // Prints 7. How to print 6 
 
\t \t \t console.log("outer",x); // Prints 7. How to print 5 
 
\t \t \t console.log("-----------"); 
 
\t \t } 
 
\t \t _inner(); 
 
\t } 
 
\t inner(); 
 
} 
 
outer();

Answer 1

Có thể điều này giúp bạn. Gán các biến của bạn để chức năng lồng nhau của bạn bởi vì do đó nó là rõ ràng những gì varible nên được sử dụng nhưng họ phải khác với nhau một cách nào đó (tên hoặc thông qua namespace):

function outer() { 
    var x = 5; 
    // or via namespace 
    // var out = { x : 5 }; 
    console.log("outer",x); // 5 
    console.log("-----------"); 
    function inner() { 
     inner.x = 6; 
     console.log("inner",inner.x); // 6 
     console.log("outer",x); // 5 
     console.log("-----------"); 
     function _inner() { 
      _inner.x = 7; 
      console.log("_inner",_inner.x); // 7 
      console.log("inner",inner.x); // 6 
      console.log("outer",x); // 5 
      // namespace 
      // console.log("outer",out.x); // 5 
      console.log("-----------"); 
     } 
     _inner(); 
    } 
    inner(); 
} 
outer(); 

Trong ví dụ này chỉ có hai trong ba varibles được assign (không ngoài x) vào các chức năng bởi vì nếu không bạn có thể đánh giá outer.x từ chức năng bên ngoài bên ngoài và gán nó bất kỳ giá trị:

function outer(){ 
    outer.x = 5; 
    ... 
} 
// assign any value outside outer function 
outer.x = 34; 

Nhưng khi một biến địa phương được xác định:

function outer(){ 
    var x = 23; 
} 

Sau đó, không có cơ hội để gán biến cục bộ này (x) bất kỳ giá trị nào từ hàm ngoài bên ngoài.

Answer 2

Javascript không theo mặc định có biến phạm vi bị chặn như nhiều ngôn ngữ lập trình. Điều này có nghĩa là biến x như bạn đã khai báo ở trên, là biến tương tự.

Tuyên bố biến, bất cứ nơi nào xảy ra, được xử lý trước khi bất kỳ mã nào được thực thi. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var

Tôi khuyên bạn không nên sử dụng cùng tên biến trong hàm lồng nhau. Nó trở nên khó đọc và gỡ lỗi. Ngoài ra bạn có thực sự cần phải có chức năng lồng nhau không?

function outer() { 
    var x = 5; 
    console.log("outer",x); // Prints 5 
    console.log("-----------"); 
    inner(x); 
} 
function inner(x1) { 
    var x = 6; 
    console.log("inner",x); // Prints 6 
    console.log("outer",x1); // Prints 5 
    console.log("-----------"); 
    _inner(x,x1); 
} 
function _inner(x1, x2) { 
    var x = 7; 
    console.log("_inner",x); // Prints 7 
    console.log("inner",x1); // Prints 6. 
    console.log("outer",x2); // Prints 5. 
    console.log("-----------"); 
} 
outer(); 

Hoặc bạn có thể sử dụng đối tượng tuyên bố nó như vậy

function outer() { 
    var x = { 
     outer: 5 
    }; 
    console.log("outer",x,outer); // Prints 5 
    console.log("-----------"); 
    function inner() { 
     x.inner = 6; 
     console.log("inner",x.outer); // Prints 6 
     console.log("outer",x.inner); // Prints 6. How to print 5 
     console.log("-----------"); 
     function _inner() { 
      x._inner = 7; 
      console.log("_inner",x._inner); // Prints 7 
      console.log("inner",x.inner); // Prints 7. How to print 6 
      console.log("outer",x.outer); // Prints 7. How to print 5 
      console.log("-----------"); 
     } 
     _inner(); 
    } 
    inner(); 
} 
outer(); 

Answer 3

khi chúng ta tái sử dụng tên biến bên trong một phương pháp thì chỉ có khối phạm vi sẽ làm việc. có nghĩa là phạm vi sẽ hoạt động. Có nghĩa là cho các biến này, các dấu ngoặc {. . .} sẽ xác định phạm vi.

những gì bạn có thể thử là định nghĩa biến toàn cầu

             
  
 
   
 
    
var x = 5; 
 
    var innerx = 5; 
 
    var _innerx = 5; 
 
    function outer() { 
 
    }