جافا سكريبت مثل وعاء من العسل. يمكنك غمس إصبعك فيه وتمرير الفم. إنه حلو. إنه رائع. إنه أمر خطير. يمكن أن يكون خطيرًا، مثل العسل الساخن في وعاء.

هل جافا سكريبت معقدة؟ حسنًا، يجب أن تجد إجابة لهذا السؤال في نهاية هذا المقتطف (بما في ذلك الأجزاء الأخرى أيضًا). يمكننا أن نسأل سؤالا آخر. ما مقدار المعرفة بجافا سكريبت اللازمة لتطوير البرنامج؟ سيكون من المفيد أن يكون لديك فهم للبيانات وتدفق البيانات. ما هي البيانات التي أحتاجها وكيف أقوم بتنظيمها؟ ماذا أفعل بالبيانات؟ شيء من هذا القبيل. عندما تفكر في مفهوم ما، فإنك تفعله أو ينبغي أن تكون قادرًا على فعله. وسيكون هذا هو الهدف الأساسي لهذه المادة (لكننا لم ننس السؤال الأول رغم ذلك، "هل جافا سكريبت معقدة؟").

أفضّل عادة المقالات القصيرة والمفصلة ولكن هذه المرة ستكون طويلة لذا استعدوا.

سنناقش أنواع البيانات والمتغيرات في هذا الجزء.

تشغيل جافا سكريبت

في السابق في What is Nodejs، قمنا بإنشاء برنامج helloworld. سنفعل نفس الشيء هنا.

لتشغيل برنامج جافا سكريبت، نحتاج إلى عقدة Nodejs وبرنامج (رمز) للتشغيل. سنستخدم ملفًا يسمى app.js. لذا قم بإنشاء ملف يسمى app.js وتابع. يشير ملحق .js إلى أنه ملف Javascript. لقد ناقشنا هذا بالفعل لذا سأترك الأمر عند هذا الحد.

node app.js

console.log

هناك طريقة بسيطة لطباعة النص (البيانات) إلى الجهاز (الشاشة) ويتم ذلك باستخدام console.log. تماما مثل برنامجنا مرحبا بالعالم. أدخل هذا الرمز في محرر النصوص الخاص بك.

console.log("Hello, it's me, javascript");

ستتم طباعة أي بيانات صالحة نضعها بين ( و ) على الجهاز. في حالتنا، قمنا بطباعة نص على الشاشة يقول: مرحبًا، هذا أنا، جافا سكريبت. توجد علامات اقتباس مزدوجة تحيط (تحتوي) على البيانات التي نريد طباعتها. هذا الاقتباس المرفق يجعل بياناتنا سلسلة.

حاول طباعة (كتابة) سلاسلك على الجهاز والتعرف عليها.

للفائدة، عند إنشاء app.js الخاص بك، احفظه عند إدخال الرمز الخاص بك ثم قم بتشغيله.

خيط

السلسلة هي قيمة (بيانات) محاطة بعلامة اقتباس (علامة اقتباس مزدوجة، أو علامة اقتباس مفردة، أو علامة اقتباس). السلسلة عبارة عن نص. اسمك ودرجتك وما إلى ذلك عبارة عن سلاسل. يمكن أن تكون السلسلة عبارة أو جملة أو فقرة أو كلمة أو حرف وما إلى ذلك.

أمثلة

• "لوريم إيبسوم"
• "لوريم إيبسوم"
• \لوريم إيبسوم\\
• "أوه! تم تطوير تلك المكتبة بواسطة Ant Fu، مصدر متعصب مفتوح المصدر؟"
• "والدة داني هي المدير التنفيذي للتكنولوجيا"
• "أريد استخدام علامة اقتباس واحدة في سلسلة. لذا أليس من الأفضل استخدام علامة الاقتباس المزدوجة كعلامات الاقتباس المرفقة؟"
• 'أريد استخدام علامة اقتباس مزدوجة في سلسلة. قال اقتباس واحد، "كان هناك سلسلة تسمى foo bar"'
• قال والد جون دو: "يمكنني مزج علامات الاقتباس المفردة وعلامات الاقتباس المزدوجة ومطابقتها في علامات الاقتباس الخلفية".\

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

يمكننا استخدام علامة الاقتباس (علامة الاقتباس المزدوجة أو علامة الاقتباس المفردة أو علامة الاقتباس الخلفية) في السلسلة المحددة بالاقتباس ولكن يتعين علينا بعد ذلك الهروب منها. نستخدم شرطة مائلة عكسية، \.

مثال

console.log('we can use double quote in a double-quoted string, " by escaping');

الآن، استخدم console.log لتسجيل السلاسل المذكورة أعلاه وكتابة السلاسل الخاصة بك.

رقم

أمثلة على الأرقام: -3، 5، 10000، 12.5، إلخ. يمكن استخدامها لتمثيل القيمة المحسوبة أو المقاسة لأحد العناصر. أعني، هذا هو الرقم. أو؟

منطقية

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

هدف

الكائن في Javascript هو وسيلة لتقديم بيانات مقترنة بقيمة المفتاح. يمكننا استخدام كائن حرفي لتجميع البيانات ذات الصلة حول بعض العناصر. لإنشاء كائن حرفي، نقوم بإحاطة هذه البيانات بـ { و }. لنقم بإنشاء ملف تعريف للمستخدم.

مثال

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

name عبارة عن سلسلة (أعني قيمتها). يوجد كائن تاريخ في جافا سكريبت ولكن في الوقت الحالي، يمكننا استخدام سلسلة لـ تاريخ الميلاد. المهنة هي أيضًا سلسلة. عدد الحيوانات الأليفة ووزن البروتين بالجرام هي أرقام. لديه وظيفة يشير إلى ما إذا كان صاحب الملف الشخصي لديه وظيفة. لذلك فهو منطقي.

{
    "name": "John Doe",
    "date of birth": "2000-12-25",
    "profession": "Software Engineer",
    "number of pets": 2,
    "weight of protein in grams": 12.5,
    "has a job": true
}

هذا كائن (حرفي) يعرض تفاصيل محتوى الملف الشخصي لـ John Doe.

الآن يمكننا تسجيل الدخول.

console.log({
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
});

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

آلة حاسبة

الرياضيات هي شيء يومي للبرمجة والعلوم بشكل عام. لن نحتاج إلى الكثير من الرياضيات. كل ما نحتاج إلى معرفته هو الجمع ( )، والطرح (-)، والضرب (*)، والقسمة (/)، والمودولو (%) والأس (**).

من هنا، المعامل (%) والأس (**) جديدان عليك لذا سنجري بعض العمليات الحسابية.

// adding numbers with the plus
console.log(3   3); // answer = 6
console.log(1   2   4); // answer = 7

// subtraction with dash
console.log(6 - 3); // answer = 3
console.log(-16 - 3); // answer = -19

// multiplication with asterisk
console.log(5 * 3); // answer = 15
console.log(30 * 15); // answer = 450

// division with forward slash
console.log(30 / 5); // answer = 6
console.log(12.25 / 0.5); // answer = 24.5

// modulo (is the remainder after division is done) with the percentage sign (%)
console.log(5 % 2); // answer = 1
console.log(2 % 5); // answer = 2

// exponent with two asterisks (**)
console.log(5 ** 2); // answer = 5 * 5 = 25

المتغيرات

في ثانية، سنتحدث عن ماهية المتغير بعد أن نفكر في سبب حاجتنا إليه. أعتقد أنك ستعرف ما هو المتغير بناءً على سبب حاجتك إليه.

دعونا نفكر في السلاسل والأرقام والقيم المنطقية والكائنات والحسابات التي أجريناها حتى الآن. كيف نحصل على تلك القيم ونجري حسابات أخرى عليها؟ نحن نستخدم متغير.

لذلك يمكننا الحصول على نتيجة 3 3 وهي 6 مخزنة أو مخصصة كقيمة لمتغير. ومن ثم يمكننا استخدام هذه القيمة لاحقًا. بهذه الطريقة نقوم بتتبع قيمة (حالة) المتغير. اعلم أنه كلما رأيت متغيرًا، هناك قيمة.

المتغير هو علامة أو تسمية أو اسم مرتبط بقيمة. أينما تتصل (مرجع) أو تستخدم هذا المتغير، تتم الإشارة إلى القيمة. عندما نقول، دع x يكون 2. أضف 3 إلى x، أي x 3. ستكون النتيجة، x 3 = 2 3 = 5.

يحتوي المتغير على البيانات المستخدمة في تدفق البيانات.

الكونست ودع
في جافا سكريبت، يتم استخدام const وlet (بأحرف صغيرة) عند إنشاء المتغيرات.

• استخدم const عندما تريد تعيين قيمة لا ينبغي أو لا تتغير
• استخدم Let عندما تريد تعيين قيمة قد تتغير

دعونا ننشئ ونستخدم بعض المتغيرات

const name = "John Doe";
const dateOfBirth = "2000-12-25";
const profession = "Software Engineer";
const numberOfPets = 2;
const weightOfProteinInGrams = 12.5;
const hasAJob = true;

المتغيرات المذكورة أعلاه هي ثوابت. إذا أردنا أن تكون قابلة للتغيير (إعادة التعيين)، فسنستخدم Let بدلاً من const. بهذه الطريقة يمكننا تعيين قيم مختلفة لهذه المتغيرات. جرب إعادة تعيين القيم لمتغيرات const.

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

const name = "John Doe";
name = "Peter Dow";

أو

const name = "John Doe";
name = "John Dow";

سوف يؤدي إلى رسالة الخطأ هذه: خطأ TypeError غير معروف: التعيين إلى متغير ثابت.

ملاحظات حول المتغيرات

• لإنشاء متغير، يمكننا استخدام const وlet.
• يأخذ الشكل، دع = ؛
• هو الاسم/العلامة/العبارة. انظر إلى متغيرات const أعلاه.
• يجب أن يبدأ بحرف أبجدي أو بشرطة سفلية (_)
• لا يمكن أن يحتوي على مسافة فيه. لا يمكن أن يكون اسمي اسمًا متغيرًا بسبب المسافة.
• يمكن أن يحتوي على أرقام فيه. بناءً على القواعد السابقة، يمكن أن يكون لدينا name1، وa1، و_pet3_، وMAX_LIFE، وmax_life، وmaxLife، وMaxLife، وما إلى ذلك.
• من الأفضل أن يصف اسم المتغير أو يعلمك بالبيانات التي يحملها أو ما هو/سيتم استخدام المتغير من أجله.
• هذه المتغيرات: MAX_LIFE، max_life، maxLife، MaxLife، تقول نفس الشيء، max life.
• تم استخدام هذا التنسيق، maxLife، المعروف باسم CamelCasing. هذا، MaxLife هو PascalCasing. هذه الحياة القصوى هي غلاف الثعبان. يُستخدم هذا، MAX_LIFE، لإنشاء الثوابت.

يمكننا إنشاء متغير لكائن الملف الشخصي الذي أنشأناه سابقًا.

const profile = {
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
};

console.log(profile);

خاتمة

هناك المزيد للمناقشة حول البيانات وتدفق البيانات. حتى الآن، نظرنا إلى السلسلة والرقم والقيمة المنطقية والكائن الحرفي. كما ناقشنا، المتغير هو وسيلة لتتبع القيم. العبارة const x = 2 تعيّن القيمة 2 للمتغير x.

علامة تساوي، =، هي عامل التعيين. ولهذا نقول، تم تعيين قيمة 2 للمتغير x.

لدينا المزيد حول جافا سكريبت لمناقشته مثل:

• استيفاء السلسلة وجوهر أساليبها
• المصفوفات
• هياكل التحكم (إذا كانت العبارات والحلقات)
• الوظائف
• عمليات الاسترجاعات والوعود والمزامنة والانتظار
• الشيء الكبير القادم