Latest web development tutorials
×

JavaScript مسار

JavaScript مسار JavaScript مقدمة موجزة JavaScript استعمال JavaScript تصدير JavaScript قواعد JavaScript البيانات JavaScript مذكرة JavaScript متغير JavaScript أنواع البيانات JavaScript الأجسام JavaScript وظيفة JavaScript مجال JavaScript حدث JavaScript سلسلة JavaScript مشغلي JavaScript مقارنة JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript نوع التحويل JavaScript التعبير العادية JavaScript خطأ JavaScript التصحيح JavaScript رفع متغير JavaScript الوضع الصارم JavaScript استخدام غير لائق JavaScript مصادقة النماذج JavaScript كلمات محفوظة JavaScript JSON JavaScript void JavaScript كود المواصفات

JS وظيفة

JavaScript تعريف وظيفة JavaScript وسائط الدالة JavaScript استدعاء دالة JavaScript الإغلاق

JS HTML DOM

DOM مقدمة موجزة DOM HTML DOM CSS DOM حدث DOM EventListener DOM العنصر

JS دروس متقدمة

JavaScript الأجسام JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp الأجسام

JS المتصفح BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript فرقعة JavaScript حدث موقوتة JavaScript Cookies

JS مخزن

JavaScript مخزن JavaScript اختبار jQuery JavaScript اختبار Prototype

JS أمثلة

JavaScript أمثلة JavaScript مثيل كائن JavaScript مثيل كائن المستعرض JavaScript HTML DOM أمثلة JavaScript ملخص

JS الدليل المرجعي

JavaScript الأجسام HTML DOM الأجسام

كائن جافا سكريبت

كل شيء هي كائنات جافا سكريبت: الجمل، والأرقام، والمصفوفات، وظائف ...

وبالإضافة إلى ذلك، وجافا سكريبت يسمح كائنات مخصصة.


كل ما هو كائن

يوفر جافا سكريبت كائنات متعددة في البناء، مثل سلسلة، تاريخ، صفيف، وهلم جرا. فقط مع خصائص الكائن نوع البيانات الخاصة والأساليب.

  • منطقية يمكن أن يكون كائن.
  • نوع عددي يمكن أن يكون كائن.
  • سلسلة ويمكن أيضا أن يكون كائن
  • التاريخ هو كائن
  • الرياضيات والتعابير العادية هي كائنات
  • مجموعة هو كائن
  • بل قد تكون وظيفة الكائن

كائن جافا سكريبت

الهدف من ذلك هو مجرد نوع خاص من البيانات. كائنات لها خصائص وأساليب.


كائنات الوصول إلى الملكية

الخاصية هي قيمة المقترنة مع كائن.

وصول جملة السمة الهدف من ذلك هو:

objectName.propertyName

يستخدم هذا المثال خاصية طول الكائن سلسلة للحصول على طول السلسلة:

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

بعد تنفيذ التعليمات البرمجية أعلاه، فإن قيمة س يكون:

12


كائن أسلوب الوصول

الطريقة هو العملية التي يمكن أن يؤديها على الكائن.

يمكنك استدعاء الأسلوب باستخدام بناء الجملة التالية:

objectName.methodName()

يستخدم هذا المثال أسلوب كائن toUpperCase سلسلة () لتحويل النص إلى أحرف كبيرة:

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

بعد تنفيذ التعليمات البرمجية أعلاه، فإن قيمة س يكون:

HELLO WORLD!


إنشاء كائن جافا سكريبت

من خلال تفعيل جافا، يمكنك تحديد وإنشاء كائنات الخاصة بك.

إنشاء كائن جديد بطريقتين مختلفتين:

  • تعريف وإنشاء مثيل كائن
  • استخدام وظائف لتحديد الكائن، ومن ثم إنشاء مثيل كائن جديد

إنشاء مثيل المباشر

يخلق هذا المثال مثيل جديد من وجوه وإضافة أربع خصائص:

أمثلة

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

محاولة »

تركيب البديل (باستخدام الحرفية الكائن):

أمثلة

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

محاولة »


باستخدام منشئ كائن

يستخدم هذا المثال الدالة لبناء الأجسام:

أمثلة

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

محاولة »

في جافا سكريبت، وهذا يشير عادة إلى وظيفة أن ننفذ نفسها، أو كائن الذي يشير إلى وظيفة ينتمي إلى (وقت التشغيل)


إنشاء مثيل كائن جافا سكريبت

وبمجرد الانتهاء من منشئ كائن، يمكنك إنشاء مثيل جديد من وجوه، مثل هذه:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


خصائص لكائنات جافا سكريبت

يمكنك تعيين كائن، إضافة سمات جديدة إلى الكائنات الموجودة:

لنفترض personObj موجود بالفعل - والتي يمكنك إضافة هذه السمات الجديدة: الاسم الأول، اسم العائلة، والعمر وeyecolor:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

تي في رمز أعلاه يتم تنفيذها، فإن قيمة س يكون:

John


طريقة لإضافة الكائنات إلى تشغيل الجافا

ويرد طريقة مجرد وظيفة للكائن.

في طريقة الدالة منشئ داخل تعريف كائن:

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() قيمة اسم الدالة على الشخص المعين لخصائص اسم العائلة changeName.

الآن يمكنك أن تجرب:

myMother.changeName("Doe");

محاولة »

دروس جافا سكريبت

جافا سكريبت هي لغة وجوه المنحى، ولكن جافا سكريبت لا تستخدم الطبقة.

في جافا سكريبت، لا يتم إنشاء الفئة، ولا لإنشاء كائن (كما في لغات وجوه المنحى غيرها) من خلال الطبقة.

النموذج جافا سكريبت على أساس، بدلا من الطبقة القائم.


جافا سكريبت ل... في حلقة

جافا سكريبت ل... في تصريح لحلقة من خلال خصائص الكائن.

قواعد

for (variable in object)
{
	执行的代码……
}

ملاحظة: ل... في كتلة التعليمات البرمجية حلقة سيتم تنفيذها مرة واحدة لكل الممتلكات.

أمثلة

حلقة من خلال خصائص كائن:

أمثلة

فار شخص = {fname: "جون"، lname: "الفلاني"، العمر: 25}؛

ل(خ شخصيا)
{
النص = النص + شخص [س].
}

محاولة »