ال 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 ايضا .

الأوسمة: ,

2 تعليقان to “ال Chaining فى الجافاسكربت”

  1. أحمد رجب Says:

    ما شاء الله … مقالاتك التقنية مفيدة جداً وانا من متابعيها الدائمين … اتمنى لك دوام التوفيق..

  2. almhajer Says:

    بارك الله فيك ويعطيك العافية بصارحة احنا بحاجة لمثل هذه المصادر والدروس
    بي عتبي عايك ياريت اتحط في كل كود في النهاية كود تطبيقي يتعامل مع عناصر العوتمل بحسب الدرس وشكرا مرة اخرى

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s


%d مدونون معجبون بهذه: