Làm cách nào để thay đổi giá trị của biến toàn cục bên trong một hàm

Question

Tôi đang sử dụng JavaScript và tôi tạo biến toàn cục. Tôi định nghĩa nó bên ngoài một hàm và tôi muốn thay đổi giá trị biến toàn cầu từ bên trong một hàm và sử dụng nó từ một hàm khác, làm cách nào để làm điều này?

Answer 1

Chỉ cần tham khảo các biến bên trong hàm; không có phép thuật, chỉ cần sử dụng tên của nó. Nếu nó được tạo ra trên toàn cầu, thì bạn sẽ cập nhật biến toàn cục.

Bạn có thể ghi đè hành vi này bằng cách khai báo cục bộ bằng cách sử dụng var, nhưng nếu bạn không sử dụng var, thì tên biến được sử dụng trong một hàm sẽ là toàn cầu nếu biến đó đã được khai báo trên toàn cầu.

Đó là lý do tại sao được coi là phương pháp hay nhất để luôn khai báo biến của bạn một cách rõ ràng với var. Bởi vì nếu bạn quên nó, bạn có thể bắt đầu lộn xộn với globals do tai nạn. Đó là một sai lầm dễ dàng để thực hiện. Nhưng trong trường hợp của bạn, điều này quay lại và trở thành một câu trả lời dễ dàng cho câu hỏi của bạn.

Answer 2

var a = 10; 

myFunction(); 

function myFunction(){ 
    a = 20; 
} 

alert("Value of 'a' outside the function " + a); //outputs 20 

Answer 3

Chỉ cần sử dụng tên của biến đó.

Trong JavaScript, biến chỉ là cục bộ cho hàm, nếu chúng là tham số của hàm hoặc nếu bạn khai báo chúng một cách rõ ràng bằng cách gõ từ khóa var trước tên của biến.

Nếu tên của giá trị cục bộ có tên tương tự như các giá trị toàn cầu, sử dụng đối tượng window

Xem này jsfiddle

x = 1; 
y = 2; 
function a(y) { 
    // y is local to the function, because it is a function parameter 
    alert(y); // 10 
    y = 3; // will only overwrite local y, not 'global' y 
    var x; // makes x a local variable 
    x = 4; // only overwrites local x 
    alert(y); // 3 
    alert(x); // 4 
    // global value could be accessed by referencing through window object 
    alert(window.y) // 2 global y 
} 
a(10); 
alert(x); // 1; this is the global value 
alert(y); // 2; global as well 

Answer 4

<script> 
var x = 2; //X is global and value is 2. 

function myFunction() 
{ 
x = 7; //x is local variable and value is 7. 

} 

myFunction(); 

alert(x); //x is gobal variable and the value is 7 
</script>