我如何在jQuery之類的函數內部執行變量對象？

Question

我有此功能來顯示通知

var notification_box = {
    notification: function (msg) {
        $('#notification_box').animate({
            top: "100"
        }).text(msg)
    }
}

我用

notification_box.notification("wwaaaa");

如何用這個聲明函數？

notification_box.notification({
    msg: "wwaaaa"
});

Answer 1

通過使用點符號或括號符號。

您傳遞對象的功能， notification在object notification_box 。 在函數msg指向您已傳遞的對象。 該函數的一個屬性是msg ，因此msg.msg （或msg['msg'] ）是訪問變量的方式。

 var notification_box = { notification: function(msg) { $('#notification_box').animate({ top: "100" }).text(msg.msg) //look at the dot notation here, it refers to the object } } notification_box.notification({ msg: "wwaaaa" }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="notification_box"></div> 

---

使用getter和setter甚至更酷的是defineProperty

 var notification_box = {"notify_message" : ""}; Object.defineProperty(notification_box, "notification", { get : function(){return this.notify_message;}, set : function(value){ $('#notification_box').animate({top: "100"}).text(value); this.notify_message = value; } }); //set notification_box.notification = "waaaaaaa"; //get console.log(notification_box.notification); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="notification_box"></div> 

Answer 2

可以使用點表示法將json傳遞給函數

object.attribute

在您的情況下使用

msg.msg  #First msg is javascript object and second msg is attribute