شاركـ أصدقائك

كورس JavaScript | شرح Variables | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / JAVASCRIPT / كورس JavaScript | شرح Variables

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

javascript جافا سكريبت مقدمة للمبتدئين بالعربي شرح اكواد

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

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

متغيرات جافا سكريبت عبارة عن حاويات لتخزين قيم البيانات.

في هذا المثال ، تعتبر a و b و c متغيرات معرّفة بالكلمة الأساسية var:

مثال:

var a = 5;
var b = 4;
var c = x + y;

من المثال أعلاه ، يمكنك أن تتوقع:

a يخزن القيمة 5
b يخزن القيمة 4
يخزن c القيمة 9

استخدام في (Let and const (2015

قبل عام 2015 ، كان استخدام كلمة var هي الطريقة الوحيدة للإعلان عن متغير JavaScript.

يسمح إصدار 2015 من JavaScript (ES6 - ECMAScript 2015) باستخدام الكلمة الأساسية const لتعريف متغير لا يمكن إعادة تعيينه ، والكلمة الرئيسية let لتعريف متغير بنطاق مقيد.

نظرًا لتعقيد بعض الشيء لوصف الاختلاف بين هذه الكلمات الرئيسية ، ولأنها غير مدعومة في المتصفحات القديمة ، فإن الجزء الأول من هذا البرنامج التعليمي غالبًا ما يستخدم var.

كان Safari 10 و Edge 14 أول متصفحات تدعم ES6 بالكامل:

Chrome 58	Edge 14	Firefox 54	Safari 10	Opera 55
Jan 2017	Aug 2016	Mar 2017	Jul 2016	Aug 2018

معرّفات JavaScript

يجب تحديد جميع متغيرات JavaScript بأسماء فريدة.

تسمى هذه الأسماء الفريدة بالمعرفات.

يمكن أن تكون المعرفات أسماء قصيرة (مثل x و y) أو أسماء وصفية أكثر (العمر ، المجموع ، إجمالي الحجم).

القواعد العامة لإنشاء أسماء للمتغيرات (المعرفات الفريدة) هي:

يمكن أن تحتوي الأسماء على أحرف وأرقام وشرطات سفلية وعلامات الدولار.
يجب أن تبدأ الأسماء بحرف
يمكن أن تبدأ الأسماء أيضًا بـ $ و _
الأسماء حساسة لحالة الأحرف (y و Y متغيرات مختلفة)
لا يمكن استخدام الكلمات المحجوزة (مثل كلمات JavaScript الأساسية) كأسماء

عامل التخصيص

في JavaScript ، علامة التساوي (=) هي عامل "تعيين" ، وليست عامل تشغيل "يساوي".

هذا يختلف عن الجبر. ما يلي لا معنى له في الجبر:

x = x + 4

في JavaScript ، يكون الأمر منطقيًا تمامًا: فهو يعين قيمة x + 4 إلى x.

(تحسب قيمة x + 4 وتضع النتيجة في x. تزداد قيمة x بمقدار 4.)

تتم كتابة عامل التشغيل "يساوي" مثل == في JavaScript.

أنواع بيانات JavaScript

يمكن أن تحتوي متغيرات جافا سكريبت على أرقام مثل 100 وقيم نصية مثل "John ".

في البرمجة ، تسمى القيم النصية سلاسل نصية.

يمكن لـ JavaScript التعامل مع العديد من أنواع البيانات ، ولكن في الوقت الحالي ، ما عليك سوى التفكير في الأرقام والسلاسل.

تتم كتابة السلاسل داخل علامات اقتباس مزدوجة أو مفردة. الأرقام مكتوبة بدون علامات اقتباس.

إذا وضعت رقمًا بين علامتي اقتباس ، فسيتم التعامل معه كسلسلة نصية.

مثال:

var pi = 3.14;
var person = "John ";
var answer = 'Yes I am!';

إعلان (إنشاء) متغيرات JavaScript

يسمى إنشاء متغير في جافا سكريبت "إعلان" متغير.

تعلن عن متغير JavaScript بالكلمة var:

var carName;

بعد الإعلان ، المتغير ليس له قيمة (تقنيًا له قيمة غير معرّف).

لتعيين قيمة للمتغير ، استخدم علامة التساوي:

carName = "Toyota";

يمكنك أيضًا إسناد قيمة إلى المتغير عندما تعلنه:

var carName = "Toyota";

في المثال أدناه ، أنشأنا متغيرًا يسمى carName وقمنا بتعيين القيمة "Toyota" له.

ثم نقوم "بإخراج" القيمة داخل فقرة HTML بالمعرف = "demo":

مثال:

<!DOCTYPE html>
<html>
<body>
 
<h2>JavaScript Variables</h2>
 
<p>Create a variable, assign a value to it, and display it:</p>
 
<p id="demo"></p>
 
<script>
var carName = "Toyota";
document.getElementById("demo").innerHTML = carName;
</script>
 
</body>
</html>

عبارة واحدة، متغيرات عديدة

يمكنك التصريح عن العديد من المتغيرات في بيان واحد.

ابدأ العبارة بـ var وافصل بين المتغيرات بفاصلة:

var person = "John", carName = "Toyota", price = 500;

يمكن أن يمتد الإعلان على عدة أسطر:

var person = "John",
carName = "Toyota",
price = 500;

القيمة = غير محددة

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

المتغير الذي تم الإعلان عنه بدون قيمة سيكون له قيمة غير محددة.

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

var carName;

إعادة الإعلان عن متغيرات JavaScript

إذا قمت بإعادة التصريح عن متغير JavaScript ، فلن يفقد قيمته.

سيظل المتغير carName يحمل القيمة "Toyota" بعد تنفيذ هذه العبارات:

var carName = "Toyota";
var carName;

حساب JavaScript

كما هو الحال مع الجبر ، يمكنك إجراء العمليات الحسابية باستخدام متغيرات JavaScript ، باستخدام عوامل مثل = و +:

مثال:

var x = 5 + 2 + 3;

يمكنك أيضًا إضافة سلاسل ، لكن السلاسل ستكون متسلسلة:

مثال:

var x = "John" + " " + "Doe";

علامة الدولار $ في JavaScript

تذكر أن معرفات (الأسماء) جافا سكريبت يجب أن تبدأ بـ:

حرف (A-Z أو a-z)
علامة الدولار ($)
أو شرطة سفلية (_)

نظرًا لأن JavaScript يتعامل مع علامة الدولار كحرف ، فإن المعرفات التي تحتوي على $ هي أسماء متغيرات صالحة:

مثال:

var $$$ = "Hello ";
var $ = 3;
var $myMoney = 5;

استخدام علامة الدولار ليس شائعًا جدًا في JavaScript ، ولكن غالبًا ما يستخدمها المبرمجون المحترفون كاسم مستعار للوظيفة الرئيسية في مكتبة JavaScript.

في مكتبة JavaScript jQuery ، على سبيل المثال ، تُستخدم الوظيفة الرئيسية $ لتحديد عناصر HTML. في jQuery $ ("p") ؛ يعني "حدد جميع العناصر p".

شرطة سفلية (_) JavaScript

نظرًا لأن JavaScript يتعامل مع الشرطة السفلية كحرف ، فإن المعرفات التي تحتوي على _ هي أسماء متغيرات صالحة:

مثال:

var _lastName = "Johnson";
var _x = 2;
var _100 = 5;

استخدام الشرطة السفلية ليس شائعًا جدًا في JavaScript ، ولكن العرف بين المبرمجين المحترفين هو استخدامه كاسم مستعار للمتغيرات "الخاصة (المخفية)".

لا تنسى مشاركة الصفحة ومن صالح دعائكم

JS | مقدمة

JS | شرح Where To

JS | شرح Output

JS | شرح statements

JS | شرح Syntax

JS | شرح Comments

JS | شرح Variables

JS | شرح Operators

JS | شرح Arithmetic

JS | شرح Assignment

القائمة الرئيسية

كورس JavaScript | شرح Variables | موقع فولدرات

استخدام في (Let and const (2015

معرّفات JavaScript

عامل التخصيص

أنواع بيانات JavaScript

إعلان (إنشاء) متغيرات JavaScript

عبارة واحدة، متغيرات عديدة

القيمة = غير محددة

إعادة الإعلان عن متغيرات JavaScript

حساب JavaScript

علامة الدولار $ في JavaScript

شرطة سفلية (_) JavaScript

كورس CSS | كيفية إضافة CSS

كورس ++C | شرح Variables

كورس ++C | شرح Strings

كورس ++C | شرح Operators

كورس SQL | شرح DELETE

كورس SQL | شرح SELECT