ال Chaining فى الجافاسكربت

السلام عليكم و رحمه الله تعالى و بركاته

ال Chaining هو امكانيه إستخدام اكثر من وظيفه لنفس الكائن بدون الحاجه إلى الاشاره الى الكائن اكثر من مره ، ربما رأيتها كثيرا فى امثله مكتبه ال jQuery مثل هذا المثال و لم تعرف كيفيه تنفيذها :

$("#title").text("oops!").addClass("error").show("slow");

كل من text و addClass و show وظائف للكائن $ ، هذا ال chaining يمكن عمله بسهوله فى الجافاسكربت لأن كل وظيفه من السابقه تقوم بعمل return للكائن $ و عليه يمكن إستخدام وظيفه اخرى بدون الحاجه لتكرار كتابه اسم الكائن ، يمكن توضيح السابق فى المثال البسيط التالى الذى سيقوم بإدراج ال chaining فى وظائف الكائن كلها :

function User(name){ // User constructor
    this.name = name; // public variable
    this.go = function(where){ // public method
        // some code
        return this
    }
    this.say = function(what){ // public method 
        // some code
        return this
    }
    this.sleep = function(time){ // public method
        // some code
        return this
    }
}

كما ترى فى الكود السابق كل الوظائف تقوم بإرجاع الكائن الذى تنشق منه من خلال return this ، و عليه يمكن استخدامها كالتالى بمنتهى السهوله :

var me = new User("Mostafa Farghaly"); // me object from User constructor
me.go("university").say("something").sleep("1 hr"); // chaining 

نتيجه استدعاء me.go هو الكائن me ، و نتيجه me.say الكائن me ، و نتيجه me.sleep الكائن me ايضا .

الأوسمة: javascript, oop