javascript: lấy giá trị biến của một chức năng trong chức năng khác

Question

ổn vì vậy tôi có mã này trong cơ thể:

<input type="text" value="haha" id="full_name"/> 

Và mã này trong kịch bản

<script language="javascript" type="text/javascript"> 
    function first(){ 
     var nameContent=document.getElementById('full_name').value; 
    } 

    function second() { 
     first(); 
     y=nameContent; 
     alert(y); 
    } 
    second(); 
</script> 

Tôi muốn có một cảnh báo cho thấy giá trị của yếu tố full_name, nhưng nó dường như không hoạt động, không ai biết tại sao? : S

Answer 1

nameContent chỉ tồn tại trong hàm first(), như bạn đã xác định trong hàm first().

Để làm cho phạm vi của nó rộng hơn, định nghĩa nó ngoài các chức năng:

var nameContent; 

function first(){ 
    nameContent=document.getElementById('full_name').value; 
} 

function second() { 
    first(); 
    y=nameContent; alert(y); 
} 
second(); 

Một cách tiếp cận tốt hơn một chút sẽ được return giá trị, như biến toàn cục được lộn xộn rất nhanh chóng:

function getFullName() { 
    return document.getElementById('full_name').value; 
} 

function doStuff() { 
    var name = getFullName(); 

    alert(name); 
} 

doStuff(); 

Answer 2

Phạm vi nameContent của bạn chỉ nằm trong hàm đầu tiên. Bạn sẽ không bao giờ có được giá trị như vậy.

var nameContent; // now it's global! 
function first(){ 
    nameContent = document.getElementById('full_name').value; 
} 

function second() { 
    first(); 
    y=nameContent; 
    alert(y); 
} 
second(); 

Answer 3

bạn cần có câu lệnh trả về trong hàm đầu tiên của mình.

function first(){ 
    var nameContent = document.getElementById('full_name').value; 
    return nameContent; 
} 

và sau đó trong chức năng thứ hai của bạn có thể là:

function second(){ 
    alert(first()); 
} 

Answer 4

biến nameContent của bạn là bên trong phạm vi chức năng và không nhìn thấy được bên ngoài chức năng đó vì vậy nếu bạn muốn sử dụng nameContent bên ngoài của hàm sau đó khai báo số global bên trong thẻ <script> và sử dụng các chức năng bên trong mà không có từ khóa var như sau

<script language="javascript" type="text/javascript"> 
    var nameContent; // In the global scope 
    function first(){ 
     nameContent=document.getElementById('full_name').value; 
    } 

    function second() { 
     first(); 
     y=nameContent; 
     alert(y); 
    } 
    second(); 
</script>