انتقل إلى محتوى الدرس

Single Quotes and Double Quotes in JavaScript علامات الاقتباس المفردة والمزدوجة في جافا سكريبت

ستتعلم في هذا الدرس قواعد وشروط بناء العبارات في لغة جافا سكريبت ومتي تستخدم الفواصل المنقوطة semicolons والقواعد الاساسية مثل استخدام علامات التنصيص Quotations مع النصوص.

1 صفوف تعليمية
جافا سكريبت
5,413 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

الفرق بين علامات الاقتباس المفردة (') والمزدوجة ("):

في JavaScript، يمكنك استخدام أيٍ من علامات الاقتباس لإنشاء سلاسل نصية (Strings)، وكلاهما يؤدي نفس الوظيفة. الفرق الأساسي يكون في الأسلوب والتفضيل الشخصي.


متى تستخدم المفردة (') أو المزدوجة ("):

  • لا فرق وظيفي بينهما، ويعتمد الاختيار على أسلوب الكتابة أو معايير الفريق.
  • يفضل بعض المطورين استخدام علامات الاقتباس المفردة (') في JavaScript لأنها أقل شيوعًا في HTML، مما يقلل من الحاجة إلى الهروب (escaping) عند العمل مع HTML داخل JavaScript.
  • في المقابل، يفضل البعض الاقتباس المزدوج (") لجعل الكود متناسقًا مع لغات أخرى مثل JSON التي تعتمد على علامات الاقتباس المزدوجة.


متى يجب اختيار نوع معين؟

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

(') using single quotes

مثال على استخدام علامات الاقتباس المفردة ('):

HTML
console.log('Hello, World!');

(") using double quotes

مثال على استخدام علامات الاقتباس المزدوجة ("):

HTML
console.log("Hello, World!");

(") using single quotes (') when the text contains double quotes

مثال باستخدام علامات الاقتباس المفردة (') عندما يحتوي النص على علامات مزدوجة ("):

HTML
console.log('He said, "JavaScript is awesome!"');

Use \ to escape the quote inside the text

يمكنك استخدام \ للهروب من العلامة داخل النص:

HTML
console.log('It\'s a beautiful day!');

✅ Escape Character

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

HTML
console.log("It's a beautiful day!"); // Output: It's a beautiful day!

✅ Escape Character

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

HTML
console.log("It's a 'beautiful' day!"); // Output: It's a 'beautiful' day!

✅ Escape Character

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

HTML
console.log('Close"Tag"!'); // Output: Close"Tag"!
  • إذا كنت تستخدم علامات اقتباس مفردة (')، فالهروب (\) ضروري داخل النص عند وجود ' فيه.
  • إذا كنت تستخدم علامات اقتباس مزدوجة (")، فلا حاجة للهروب (\) عند وجود ' داخل النص.