المزيد عن object literal


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

قد تناولت ال object literal فى الجزء الثانى و الثالث ، لكن هناك بعض الاشياء لم أذكرها ، دعنا نتذكر تركيب ال object literal عن طريق مثال بسيط

var myObject = {
    myProperty:"some value",
    myMethod:function(){
        // some code here
    }
}

الخاصيه myProperty و الوظيفه myMethod يتبعان قواعد تسميه المتغيرات فى جافاسكربت التى تنص على ان المتغير لابد أن يبدأ بحرف أبجدى او underscore _ ولا يبدأ برقم ولا يحتوى على مسافات ولا يكون من الكلمات المحجوزه فى اللغه مثل do و while … الخ ، يمكننا مخالفه كل هذه القواعد مع خواص و وظائف الكائنات فى الجافاسكربت لكن هذا يلزم ان نحيط تلك الاسماء بعلامات تنصيص كما يوضح المثال التالى :

var myObject = {
    "do":"some value", // do is reserved word
    "date of birth": 1987, // contain spaces
    "1st Method":function(){ // begin with number & contain spaces
        // some code here
    }
}

مخالفه قواعد تسميه المتغيرات تدفعنا إلى إستخدام وسيله اخرى لإستخدام تلك المتغيرات غير object.property ، سنتعامل مع الكائن كأنه associative array كما يوضح الكود التالى

myObject["do"]; // some value
myObject["date of birth"]; // 1987
myObject["1st Method"]();

هذه الطريقه ليست مقصوره على المعرفات التى تخالف قواعد التسميه ، بل يمكنك إستخدامها مع الكائنات العاديه


window["alert"]("i can");
document["getElementById"]("nav");
YAHOO["util"]["DOM"]["getElementsByClassName"]("menu");

هههه اخيرا يمكنك إضافه خواص و وظائف لل object بعد إنشاءه و غالبا ماتسخدم هذه الطريقه لحفظ بيانات المستخدم أو إرسال البيانات إلى السيرفر :

var session_info = {};
session_info.user_name = "saeed ashoor";
session_info.user_mail = "private"
session_info.user_page = "blog.alflash.com/wordpress"

لو نريد إرسال هذه المعلومات إلى السيرفر لابد من تحويلها إلى نص يمكن التعامل معه بإستخدام مكاتب السيرفر التى تتعامل مع ال JSON  و ذلك من خلال تحويلها إلى نص بإستخدام الوظيفه  toSoource:

var xhr = new XMLHttpRequest();
xhr.open("POST","json.php",false);
var session_for_server = session_info.toSource(); // clean string
xhr.send(session_for_server);

الأوسمة:

2 تعليقان to “المزيد عن object literal”

  1. دليلك السهل في تعلم استخدام مكتبة jQuery [الدرس الثاني] - الأحداث والتأثيرات-دليلك ا - سوالف سوفت Says:

    […] تستفيض فى الشرح ، يعنى مثلا فى ناس كثير لاتفهم صيغه ال object literal هذه الذى قد مررتها للوظيفه animate كود PHP: […]

  2. Amjad Says:

    يديك العافيه على الشرح

أضف تعليقاً

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

WordPress.com Logo

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

صورة تويتر

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

Facebook photo

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

Google+ photo

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

Connecting to %s


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