الدرس السادس فى الجافا سكريبت

Objects

يعتبر جزء (objects) من اهم الاجزاء فى لغة الجافا سكريبت بل فى كل لغات البرمجة الاخرى كالجافا والسى شارب والسى بلس بلس وغيرها من لغات البرمجة حيث هى مدخل لعلم (oop) والتى هى اختصار لى(object oriented programming) فتقريبا يعتبر كل شىء فى لغة الجافا سكريبت درسناها او سندرسها كا(Strings, Functions, Arrays,…) كلها تعتبر(object) ويعرف ال (object) على انة داتا لها شيئين هما(properties , methods) حيث (properties) هى عبارة عن قيمة او قيم لل (object) اما ال (methods) فهى عبارة عن حدث يقوم بة ال (object) وللتوضيح اكثر فمثلا السيارة هى عبارة عن (object) لها (object) كاسم العربية وموديلها ووزنها ولونها مثلا ولها (methods) كحركة السيارة او سواقت السيارة او ايقافها والجدول التالى يوضح المثال:

Object

Properties

Methods

car

car.name =Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

فكل سيارة لها هذة ال(properties)لكنها تختلف من سيارة الى اخرى وايضا كل سيارة لها هذة ال(methods)ولكنها تختلف من وقت لاخر او مثلا من سرعة لاخرى.والان كيف يتم انشاء ال(Object)؟ اولا لابد من تعريف ال(object)فى متغير كما يلى:

var car=new Object();

ثم نضيف لة بعد ذلك (properties,methods) والان ننفذ مثال السيارة عملى بال(object):

<!DOCTYPE html>

<html>

<body>

<script>

var car=new Object();

car.name=”fiat”;

car.model=”500″;

car.weight =850kg;

car.color=”white”;

document.write(person.name + ” is ” + person.model +”is”.”);

</script>

</body>

</html>

مثال اخر:

<!DOCTYPE html>

<html>

<body>

<script>

var person=new Object();

person.firstname=”ali”;

person.lastname=”ahmed”;

person.age=40;

person.eyecolor=”blue”;

document.write(person.firstname + ” is ” + person.age + ” years old.”);

</script>

</body>

</html>

ويكون الناتج بصفحة الويب:

ali is 40 years old.

والمثال السابق يمكن كتابتة بطريقة اخرى كالتالى:

<!DOCTYPE html>

<html>

<body>

<script>

person={firstname:”ali”,lastname:”ahmed”,age:40,eyecolor:”blue”}

document.write(person.firstname + ” is ” + person.age + ” years old.”);

</script>

</body>

</html>

ملاحظة:

كما فى الامثلة السابقة فانة لكى تصل لاى(properties) خاصة بال(object) فانها تتبع القاعدة التالية:

objectName.propertyName

والوصول لاى (method)خاصة بال(object)تتبع القاعدة التالية:

objectName.methodName()

فمثلا اذا كان لدينا نص ونريد ان نعرف عدد حروفة فيكون كالتالى:

var message=”Hello World!”;
var x=message.length;

ويكون الناتج هو 12 حرف وذلك لان المسافة الموجودة بين كلمتى Hello,World تحسب بحرف.

واذا اردنا ان نحول نص من حروف صغيرة الى حروف كبيرة فيكون كالتالى:

var message=”Hello world!”;
var x=message.toUpperCase();

ويكون الناتج هو:

HELLO WORLD!

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: