٣١ مايو ٢٠٢٠

الأساليب البدائية للبيانات

الجافاسكربت تتيح لنا العمل بالأساليب البدائية (strings, numbers, etc.) كما لو كانت objects. كما أنها توفر وسائل للأتصال علي هذا النحو. وسندرسها قريبا, لكن أولاً سنرى كيف يعمل لأن الأساليب البدائية ليست objects (وهنا سنجعله أكثر وضوحاً).

لننظر إلى الفروق الرئيسية بين الأساليب البدائية و objects .

بدائية

  • هو قيمة من النوع البدائي.
  • هناك 7 أنواع بدائية: string, number, bigint, boolean, symbol, null أيضا undefined.

An object

  • قادر على تخزين قيم متعددة كخصائص.
  • يمكن تكوينه بواسطة {}, على سبيل المثال: {name: "John", age: 30}. هناك أنواع أخرى من objects في الجافاسكربت: functions, على سبيل المثال, objects.

أحد أفضل الأشياء في ال objects هو أنه يمكننا أن نخزن a function كأحد خصائصها.

let john = {
  name: "John",
  sayHi: function() {
    alert("Hi buddy!");
  }
};

john.sayHi(); // Hi buddy!

إذاً هنا صنعنا an object john مع ال sayHi method.

العديد من ال built-in objects موجودة بالفعل, مثل تلك التي تعمل مع التواريخ و الأخطاء و عناصر HTML , إلخ. فلهم خصائص وأساليب مختلفة.

ولكن ، تأتي هذه الميزات بتكلفة!

Objects “اثقل” من الأساليب البدائية. وهي تتطلب موارد إضافية لدعم الآلية الداخلية.

بدائي كا an object

هنا التناقض الذي واجه صانع جافاسكربت:

  • هناك العديد من الأشياء التي يمكن أن يفعلها الشخص بالأسلوب البدائي مثل string أو number. سيكون من الرائع استخدامهم كا methods.
  • الأساليب البدائية يجب أن تكون سريعة وخفيفة بقدر الإمكان.

إن الحل يبدو غريبا بعض الشيء، ولكن ها هو:

  1. الأساليب البدائية ما زالت بدائية. قيمة واحدة, كما يحلو لها.
  2. تسمح اللغة بالوصول الي ال methods و الخصائص الخاصة ب strings, numbers, booleans و symbols.
  3. ولكي يعمل ذلك، يتم إنشاء “object wrapper” خاص يوفر الوظائف الإضافية، ثم يتم تدميره.

ال “object wrappers” تختلف لكل نوع بدائي و تدعى: String, Number, Boolean و Symbol. وبالتالي، فإنها توفر مجموعات مختلفة من methods.

على سبيل المثال , هنالك a string method ()str.toUpperCase التي ترجع capitalized str.

إليك كيف يعمل:

let str = "Hello";

alert( str.toUpperCase() ); // HELLO

بسيط، أليس كذلك؟ إليكم ما يحدث في الواقع ()str.toUpperCase:

  1. النص str هو نوع بدائي. لذا في لحظة الولوج لخصائصه, يتكون object خاص يعرف قيمة النص, و لديه methods مفيدة, مثل ()toUpperCase.
  2. هذه ال method تعْملُ وتقوم بإرجاع نص جديد (يعرض بواسطة alert).
  3. ال object تم تدميره, و ترك النوع البدائي str مُنْفَرِداً.

يمكن للأنواع البدائية أن توفر methods, لكنها لا تزال خفيفة.

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

الرقم لديه ال methods الخاصة به, علي سبيل المثال, toFixed(n) تقوم بتقريب الرقم حسب القيمة المعطاه :

let n = 1.23456;

alert( n.toFixed(2) ); // 1.23

سنري methods أكثر تحديداً في الفصول الأعداد و السلاسل النصية.

Constructors String/Number/Boolean هي للاستعمال الداخلي فقط

بعض اللغات مثل جافا تسمح لنا بصريح التعبير بصنع “object wrappers” للأنواع البدائية بإستخدام syntax مثل new Number(1) أو new Boolean(false).

في الجافاسكربت, وهذا ممكن أيضا لأسباب تاريخية, اكن غير موصى به. ستصاب الأمور بالجنون في عدة مواضع.

على سبيل المثال:

alert( typeof 0 ); // "number"

alert( typeof new Number(0) ); // "object"!

Objects دائما صادق في if, لذا هنا سيظهر الإنذار:

let zero = new Number(0);

if (zero) { // zero is true, because it's an object
  alert( "zero is truthy!?!" );
}

من ناحية أخرى, استخدام نفس ال functions String/Number/Boolean بدون new هو شيء سَليم و مفيد. يحولون قيمة إلى النوع المقابل: إلي a string, a number, or a boolean (primitive – نوع بدائي).

علي سبيل المثال, هذا صحيح تماما:

let num = Number("123"); // convert a string to number
null/undefined have no methods

الأنواع البدائية الخاصة null و undefined حالات استثنائية. ليس لديهم ما يشابههم “wrapper objects” و لا تزودنا بال methods. بمعنى, هم “الأكثر بدائية”.

ومن شأن محاولة الوصول إلى خاصية بهذه القيمة أن تعطي هذا الخطأ:

alert(null.test); // error

مُلخّص

  • الأنواع البدائية ماعدا null و undefined تزودنا بالعديد من ال methods المساعدة. وسندرسها في الفصول القادمة.
  • رَسمِيّا, هذه ال methods تعمل عن طريق objects مؤقتة, ولكن محركات جافاسكربت مضبوطة بشكل جيد لتحسين ذلك داخليا, لذا ليس مكلفا إستدعائهم.

مهمه

الأهمية: 5

انظر الي الكود التالي:

let str = "Hello";

str.test = 5;

alert(str.test);

كيف تعتقد أنها ستنجح؟ ماذا سيتضح؟

جرب تشغيلها:

let str = "Hello";

str.test = 5; // (*)

alert(str.test);

يعتمد على ما إذا كان لديك use strict أم لا، وقد تكون النتيجة كما يلي:

  1. undefined (no strict mode)
  2. An error (strict mode).

لماذا؟ لنعيد ما يحدث على السطر (*):

  1. عندما تكون خاصية ال str يمكن الولوج إليها, “wrapper object” يكون قد تكون.
  2. في حالة ال strict mode, الكتابة فيها يكون خطأ.
  3. فيما عَدا ذلك, تجري العملية المتعلقة بالخصائص, ال object يحصل علي خاصية test , و لكن بعد ذلك يختفي “wrapper object” , لذلك في السطر الأخير str لا أثر له.

وهذا المثال يبين بوضوح أن الأنواع البدائية ليست objects.

لا يمكنهم تخزين بيانات إضافية .

خريطة الدورة التعليمية

التعليقات

إقرأ هذا قبل أن تضع تعليقًا…
  • إذا كان لديك اقتراحات أو تريد تحسينًا - من فضلك من فضلك إفتح موضوعًا فى جيتهاب أو شارك بنفسك بدلًا من التعليقات.
  • إذا لم تستطع أن تفهم شيئّا فى المقال - وضّح ماهو.
  • إذا كنت تريد عرض كود استخدم عنصر <code> ، وللكثير من السطور استخدم <pre>، ولأكثر من 10 سطور استخدم (plnkr, JSBin, codepen…)