Sử dụng biến toàn cầu trong javascript

Question

Làm cách nào để thực hiện việc này?

Mã của tôi là một cái gì đó như thế này:

var number = null; 

function playSong(artist,title,song,id) 
{ 
    alert('old number was: '+[number]+''); 


    var number = '10'; 

    alert(''+[number]+''); 
} 

Cảnh báo đầu tiên luôn luôn trả về 'số cũ là:' chứ không phải 10 nên không nó trở lại 10 trên cả hai thông báo trên các cuộc gọi chức năng thứ hai?

Answer 1

Bằng cách sử dụng var khi thiết number = '10', bạn đang tuyên bố number như là một biến địa phương mỗi lần. Hãy thử điều này:

var number = null; 

function playSong(artist,title,song,id) 
{ 
    alert('old number was: '+[number]+''); 


    number = '10'; 

    alert(''+[number]+''); 
} 

Answer 2

Xóa biến số trước số trong hàm của bạn. Bạn đang tạo một biến địa phương bằng cách

var number = 10; 

những gì bạn cần chỉ là

number = 10; 

Answer 3

Vấn đề là bạn đang khai báo một biến mới có tên number bên trong của hàm. Biến mới này ẩn biến số number toàn cầu, do đó, dòng number = 10 chỉ gán cho biến địa phương mới này.

Bạn cần phải xóa từ khóa var từ var number = 10.

Answer 4

Giống như trong C, bạn cần xác định biến của mình bên ngoài hàm/phương thức để biến toàn cục.

var number = 0; 

function playSong(artist,title,song,id) 
{ 
    alert('old number was: '+[number]+''); 
    number = '10'; 
    alert(''+[number]+''); 
} 

Answer 5

Bạn cũng có thể truy cập vào bất kỳ chức năng nào như window.number, sau khi xóa hàm var bên trong.

Answer 6

Hãy để tôi giải thích một cách chi tiết, Để khai báo biến toàn cục và biến cục bộ trong javascript

var firstNumber=5;//local variable 
secondNumber=10; //global variable or window object 

Khi chương trình của bạn là như thế này

var number =1; 
function playSong() { 
    alert(number); 
    var number =2; 
    alert(number); 
} 

Theo trình biên dịch Javascript tất cả Tuyên bố/khởi tạo của biến sẽ di chuyển lên trên khái niệm này được gọi là Hoisting. Link: https://www.w3schools.com/js/js_hoisting.asp

Theo chương trình biên dịch sẽ thực hiện như

var number; //Declaration will move to top always in Javascript 
number=1; 
function playSong() { 
    var number; 
    alert(number); //output : undefied - This is local variable inside the function 
    number =2; 
    alert(number); // output : 2 
} 

Nếu bạn cần truy cập vào biến toàn cầu trong việc sử dụng chức năng window.number

var number =1; 
function playSong() { 
    var number =2; 
    alert(window.number); // output : 1 -From Global variable 
    alert(number); // output : 2 -From local variable 
}