Làm cách nào để chuyển đối số cho các hàm ẩn danh trong JavaScript?

Question

Tôi đang cố gắng tìm ra cách chuyển đối số cho một hàm ẩn danh trong JavaScript.

Kiểm tra mẫu mã này và tôi nghĩ rằng bạn sẽ thấy những gì tôi có nghĩa là:

<input type="button" value="Click me" id="myButton" /> 

<script type="text/javascript"> 
    var myButton = document.getElementById("myButton"); 
    var myMessage = "it's working"; 
    myButton.onclick = function(myMessage) { alert(myMessage); }; 
</script> 

Khi nhấp vào nút thông điệp: sẽ xuất hiện. Tuy nhiên, biến số myMessage bên trong hàm ẩn danh là null.

jQuery sử dụng rất nhiều chức năng ẩn danh, cách tốt nhất để vượt qua đối số đó là gì?

Answer 1

trường hợp cụ thể của bạn chỉ có thể được sửa chữa để được làm việc:

<script type="text/javascript"> 
    var myButton = document.getElementById("myButton"); 
    var myMessage = "it's working"; 
    myButton.onclick = function() { alert(myMessage); }; 
</script> 

Ví dụ này sẽ làm việc vì các chức năng ẩn danh tạo và gán như một handler cho phần tử sẽ được tiếp cận với các biến định nghĩa trong bối cảnh nơi nó được tạo.

Đối với hồ sơ, một handler (mà bạn chỉ định thông qua việc thiết XXX tài sản) hy vọng đối số duy nhất để lấy đó là đối tượng sự kiện được thông qua bởi DOM, và bạn không thể ép buộc đi qua lập luận khác trong đó

Answer 2

Bằng cách loại bỏ các tham số từ hàm ẩn danh sẽ có sẵn trong phần thân.

myButton.onclick = function() { alert(myMessage); }; 

Để biết thêm thông tin tìm kiếm cho 'javascript đóng cửa'

Answer 3

Những gì bạn đã thực hiện không làm việc vì bạn đang ràng buộc một sự kiện vào một hàm. Như vậy, đó là sự kiện xác định các tham số sẽ được gọi khi sự kiện được nâng lên (tức là JavaScript không biết về tham số của bạn trong hàm bạn đã ràng buộc trên onclick vì vậy không thể chuyển bất kỳ thứ gì vào nó).

Bạn có thể làm điều này tuy nhiên:

<input type="button" value="Click me" id="myButton"/> 

<script type="text/javascript"> 

    var myButton = document.getElementById("myButton"); 

    var myMessage = "it's working"; 

    var myDelegate = function(message) { 
     alert(message); 
    } 

    myButton.onclick = function() { 
     myDelegate(myMessage); 
    }; 

</script> 

Answer 4

gì bạn đã làm được tạo ra một chức năng ẩn danh mới mà phải mất một tham số duy nhất mà sau đó được giao cho MyMessage biến cục bộ bên trong hàm. Vì không có đối số nào thực sự được truyền, và các đối số không được truyền qua một giá trị trở thành null, hàm của bạn chỉ làm cảnh báo (null).

Answer 5

Nếu bạn viết nó như

myButton.onclick = function() { alert(myMessage); }; 

Nó sẽ làm việc, nhưng tôi không biết nếu đó là câu trả lời câu hỏi của bạn.

Answer 6

Ví dụ:

<input type="button" value="Click me" id="myButton"> 
<script> 
    var myButton = document.getElementById("myButton"); 
    var test = "zipzambam"; 
    myButton.onclick = function(eventObject) { 
     if (!eventObject) { 
      eventObject = window.event; 
     } 
     if (!eventObject.target) { 
      eventObject.target = eventObject.srcElement; 
     } 
     alert(eventObject.target); 
     alert(test); 
    }; 
    (function(myMessage) { 
     alert(myMessage); 
    })("Hello"); 
</script> 

Answer 7

Các đại biểu:

function displayMessage(message, f) 
{ 
    f(message); // execute function "f" with variable "message" 
} 

function alerter(message) 
{ 
    alert(message); 
} 

function writer(message) 
{ 
    document.write(message); 
} 

Chạy chức năng DisplayMessage:

function runDelegate() 
{ 
    displayMessage("Hello World!", alerter); // alert message 

    displayMessage("Hello World!", writer); // write message to DOM 
} 

Answer 8

xử lý tổ chức sự kiện mong đợi một tham số đó là trường hợp đã bị sa thải. Bạn tình cờ đổi tên thành 'myMessage' và do đó bạn đang cảnh báo đối tượng sự kiện thay vì thông điệp của bạn.

Việc đóng có thể cho phép bạn tham chiếu biến mà bạn đã xác định bên ngoài hàm, tuy nhiên nếu bạn đang sử dụng Jquery, bạn có thể xem API cụ thể của sự kiện, ví dụ:

http://docs.jquery.com/Events/bind#typedatafn

Tùy chọn này có tùy chọn truyền dữ liệu của riêng bạn.

Answer 9

<input type="button" value="Click me" id="myButton" /> 

<script type="text/javascript"> 
    var myButton = document.getElementById("myButton"); 

    myButton.myMessage = "it's working"; 

    myButton.onclick = function() { alert(this.myMessage); }; 


</script> 

Điều này làm việc trong bộ thử nghiệm bao gồm mọi thứ từ IE6 +. Hàm ẩn danh nhận thức được đối tượng mà nó thuộc về do đó bạn có thể chuyển dữ liệu với đối tượng đang gọi nó (trong trường hợp này là myButton).

Answer 10

Sau đây là phương pháp sử dụng các bao đóng để giải quyết vấn đề mà bạn giới thiệu. Nó cũng đưa vào tài khoản thực tế là có thể thay đổi thông điệp theo thời gian mà không ảnh hưởng đến ràng buộc. Và nó sử dụng jQuery để gọn gàng.

var msg = (function(message){ 
    var _message = message; 
    return { 
    say:function(){alert(_message)}, 
    change:function(message){_message = message} 
    }; 
})("My Message"); 
$("#myButton").click(msg.say);