الدورة الأولى(1):أساسيات JavaScript

بناء جملة Java Script الأساسي

ما هي لغة البرمجة النصية

تسمى لغة النص أيضًا اللغة الموسعة أو اللغة الديناميكية ، وهي لغة برمجة تستخدم للتحكم في تطبيقات البرامج ، وعادة ما يتم حفظ النصوص في نص (مثل ASCII) ويتم تفسيرها أو تجميعها فقط عند الاتصال بها.

نظرة عامة على نص جافا

يتم اختصار JAVA Script إلى JS ، وهو نوع ضعيف من لغة البرمجة النصية الحرفية. يستخدم لإضافة تأثيرات ديناميكية متنوعة (مثل التحقق) إلى صفحة الويب لجعل صفحة الويب أكثر مرونة وتحسين تجربة المستخدم.

الفرق بين Java Script و Java

سمات	java	JS
وجوه المنحى	وجوه المنحى بالكامل (الوراثة ، التغليف ، تعدد الأشكال)	على أساس الكائن
وضعية التشغيل	النوع المترجم ، سيُنشئ ملف الفصل الدراسي	تفسيري ، وتنفيذ أثناء الشرح
عبر منصة	الدعم ، فقط قم بتثبيت الجهاز الظاهري JVM	الدعم ، تحتاج فقط إلى المتصفح لتنفيذه
نوع البيانات	الكتابة القوية ، مثل متغيرات نوع int يمكن فقط تعيين قيم int	نوع ضعيف ، أسماء المتغيرات يمكن تعيين أنواع بيانات مختلفة

تكوين لغة جافا سكريبت

عنصر	تأثير
ECDM	مواصفات لغة البرمجة النصية
BOM	نموذج كائن المستعرض ، يتعامل مع الكائنات المختلفة في المستعرض. مثل: نافذة
DOM	نموذج كائن المستند ، نموذج كائن المستند ، يتعامل مع العناصر المختلفة في صفحات الويب. مثل: المدخلات

العلاقة بين Java Script و CSS و HTML

لغة	تأثير
HTML	اكتب الهيكل العام للصفحة
CSS	تجميل الموقع
JS	أضف تأثيرات ديناميكية إلى صفحات الويب

استخدام علامات Java Script

• يمكن كتابة JS بتنسيق HTML أو خارجيًا ثم استيرادها ، يوصى عمومًا بالكتابة خارجيًا

<script type = "text / javascript" src = "js / out.js"> بيان البرنامج النصي <script>  
1

النوع: تحديد نوع لغة البرنامج النصي ، اختياري
src: اسم ملف JS الخارجي المستورد ، اختياري

pt" src = "js / out.js"> بيان البرنامج النصي <script>  
1

النوع: تحديد نوع لغة البرنامج النصي ، اختياري
src: اسم ملف JS الخارجي المستورد ، اختياريتحديد المتغيرات

JS هي لغة مكتوبة بشكل ضعيف ، ويتم استخدام المتغيرات بشكل موحدvarتعريف

يحدد فار خصائص المتغيرات

1. الكلمة الأساسية var ليست ضرورية. إذا كان المتغير المحدد في الوظيفة لا يستخدم كلمة var ، فإن الافتراضي هو متغير عام. من المستحسن عدم الحذف.
2. يمكن تعريف نفس المتغير بشكل متكرر
3. لا يمكن للأقواس الموجودة في كتلة التعليمات البرمجية أن تحد من نطاق المتغير.

نوع البيانات

الكلمة الرئيسية	وصف
number	تشمل الكسور العشرية والأعداد الصحيحة
boolean	صح وخطأ
String	الشخصيات والسلاسل
object	الكائنات المخصصة وكائنات JS المضمنة (المصفوفات ، إلخ)
undefined	غير مهيأ ، غير محدد

• ملاحظة: var i = null
• i هو نوع كائن ، وهو كائن غير محدد

typefo

الدور: يستخدم لتحديد نوع المتغير
مثل:

var i = "Hello"
 typefo (i) // نوع السلسلة
1
2

وظيفة التحويل

وظيفة	تأثير
parseInt()	تحويل سلسلة إلى عدد صحيح. إذا كانت السلسلة تحتوي على غير أرقام ، مثل "123abc" ، فسيتم تحويلها فقط إلى 3 ، وإذا تم العثور على غير أرقام ، فسيتوقف التحويل.
parseFloat()	نفس الشيء
isNaN	ليس رقمًا / ليس رقمًا ، حكم على ما إذا كان رقمًا أم لا ، فالرقم يعود كاذب

المشغل أو العامل

العوامل في JS هي في الأساس نفس قواعد Java ، ولكن هناك بعض الاختلافات
مثل:

• === (تساوي ثابت) يحكم على كل من القيمة والنوع ، مثل الدوران
• يمكن استخدام العوامل غير المنطقية كشروط حكم في عبارات if

نوع البيانات	turn	float
number	غير صفرية	0
String	غير فارغ	هواء""
undefined		float
NaN		float
object	غير فارغ	null

• يمكن استخدام التعبيرات بعد الحالة

switch(true ){
	 تعبير الحالة: // مثل i <100
	break：
}
1
2
3
4

حول الوظائف

تشبه الطرق في Java ، وتنقسم إلى وظائف مسماة ووظائف مجهولة

ملحوظة:

1. معلمات الوظيفة لا تحتاج إلى تحديد الأنواع
2. لا يمكن زيادة تحميل الوظيفة ، ستحل الوظيفة التالية محل الوظيفة السابقة بنفس الاسم
3. يوجد داخل كل دالة مصفوفة مخفية: وسيطات لها طول سمة

الوظيفة المسماة

اسم وظيفة الوظيفة (المعلمة) {
			     //رمز
}
1
2
3

وظيفة مجهولة

مرجع حسب اسم المتغير أو باستخدام عناصر في HTML

var a = function (parameter) {
			     //رمز
}
1
2
3

الطرق الشائعة في JS

document	window
يمكن الوصول إلى جميع العناصر الموجودة في صفحة HTML من البرنامج النصي	تم فتح النافذة في المتصفح

document

اسم الطريقة	تأثير
document.getElementById(“id”)	احصل على عنصر في HTML عن طريق المعرف

window

إذا كانت هذه هي طريقة window ، فيمكن تجاهل window بدون كتابة

اسم الطريقة	تأثير
window.setInterval ("اسم الوظيفة" ، قيمة ملي ثانية)	نفذ الوظيفة كل ملليمتر
window.alert ("النص")	يتم عرض مربع تحذير مع رسالة وزر تأكيد.
window.prompt ("النص المعروض في مربع الحوار" ، "القيمة الافتراضية")	يعرض مربع حوار يطالب المستخدم بالإدخال.

حدث

نظرة عامة على الحادث

عندما يعمل المستخدم على صفحة الويب ، سيكون هناك العديد من العمليات ، مثل: النقر بالماوس ، والضغط على لوحة المفاتيح ، وحركة الماوس ، وما إلى ذلك ، ستولد بعض الأحداث. تُستخدم الأحداث عادةً جنبًا إلى جنب مع الوظائف بحيث يمكن أن يكون تنفيذ الوظيفة مدفوعًا بحدوث الحدث.

إعدادات الحدث

حدث ضبط الوظيفة المسماة

<نوع الإدخال = "زر" onclick = "اسم الوظيفة ()"  
1

حدث إعداد وظيفة مجهول

العنصر object.onlick = function () {}
1

مقدمة عن الحدث (أساسي)

اسم الحدث	تأثير
onload	تحميل: يقع الحدث فور تحميل الصفحة أو الصورة
-	-
onclick	النقر بالماوس: يقع الحدث بعد النقر بالماوس فوق أحد العناصر
ondblclick	انقر نقرًا مزدوجًا بالماوس: يقع الحدث بعد النقر المزدوج فوق عنصر معين بالماوس
onmouseover	دخول الماوس: يقع الحدث عندما يتحرك مؤشر الماوس إلى الكائن المحدد
onmouseout	تمرير الماوس: سيحدث الحدث عندما يتحرك مؤشر الماوس خارج الكائن المحدد
-	-
onfocus	احصل على التركيز: يحدث الحدث عندما يتم التركيز على الكائن
onblur	فقدان التركيز: يقع الحدث بعد أن يفقد الكائن التركيز

• تبدأ جميع الأحداث بـ يوم

كائن صفيف

قم بإنشاء مصفوفة

new Array()	أنشئ مصفوفة بطول 0
new Array(5)	أنشئ مصفوفة بطول 5
new Array(1,3,4,5,9)	أنشئ مصفوفة بطول 5 وعناصر محددة
[1,3,4,5,9]	أنشئ مصفوفة بطول 5 وعناصر محددة

• ملاحظة: المصفوفة في JS تستخدم [] ، ولا توجد كتابة جديدة لـ Array () {}

ميزات المصفوفات في JS

1. بعد تحديد مصفوفة ذات طول ثابت ، يمكن أن يتغير الطول ديناميكيًا
2. يمكن أن تكون العناصر الموجودة في المصفوفة من أي نوع
3. المصفوفة لها طريقتها الخاصة

طرق المصفوفات الشائعة

اسم الطريقة	تأثير
concat()	قم بتسلسل عدة مصفوفات وإرجاع مصفوفة جديدة
revreverse()	اعكس العناصر في المصفوفة للحصول على مصفوفة جديدة
انضم ("فاصل")	اربط مصفوفة في سلسلة مع فاصل ، وهو عكس الانقسام تمامًا
soft	فرز المصفوفة. إذا كان رقمًا ، فأنت بحاجة إلى تحديد وظيفة المقارنة. لينة (وظيفة (م ، ن)

• ملاحظة: يتم فرز أرقام الفرز الافتراضية في Java Script حسب الرقم الأول من الأرقام ، لذلك تحتاج إلى تحديد مقارنة