كل شيء عن خصائص وطرق كائن JavaScript
هذا المنشور يوثق جميع ملفاتObject
خصائص وأساليب الكائن المضمنة.
أي قيمة ليست من النوع البدائي (سلسلة ، رقم ، منطقي ، أرمز، null or undefined) هو ملفموضوع. حتى المصفوفات أو الوظائف هي كائنات تحت الغطاء
انobject
يمكن إنشاء القيمة باستخدام البنية الحرفية للكائن:
const person = {}
typeof person //object
باستخدامObject
وظيفة عالمية:
const person = Object()
typeof person //object
أو باستخدام مُنشئ الكائن:
const person = new Object()
typeof person //object
صيغة أخرى لاستخدامهاObject.create()
:
const car = Object.create()
يمكنك تهيئة الكائن بخصائص باستخدام بناء الجملة التالي:
const person = {
age: 36,
name: 'Flavio',
speak: () => {
//speak
}
}
const person = Object({
age: 36,
name: ‘Flavio’,
speak: () => {
//speak
}
})
const person = new Object({
age: 36,
name: ‘Flavio’,
speak: () => {
//speak
}
})
كل هذه الطرق متكافئة بشكل أساسي لأنها تمنحك جميعًا إمكانية الوصول إلى الطرق التي سأدرجها أدناه.
يمكنك أيضًا تهيئة كائن باستخدام ملفnew
الكلمة الأساسية قبل وظيفة بحرف كبير. هذه الوظيفة بمثابة مُنشئ لهذا الكائن. هناك ، يمكننا تهيئة الوسائط التي نتلقاها كمعلمات ، لإعداد الحالة الأولية للكائن:
function Car(brand, model) {
this.brand = brand
this.model = model
}
نقوم بتهيئة كائن جديد باستخدام
const myCar = new Car('Ford', 'Fiesta')
myCar.brand //'Ford'
myCar.model //'Fiesta'
الأشياء لهاملكيات. كل خاصية لها اسم وقيمة.
قد تعتقد أن الكائن هو في الأساس ملفخريطة، أوقاموس، هيكل البيانات ، وستكون على صواب.
يمكن أن تكون قيمة الخاصية من أي نوع ، مما يعني أنه يمكن حتى أن تكون كائنًا ، حيث يمكن للكائنات أن تتداخل مع كائنات أخرى.
عندما تكون قيمة الخاصية دالة ، فإننا نسميهاطريقة.
يمكن للكائنات أن ترث خصائصها من كائنات أخرى ، وسنرى ذلك بالتفصيل عندما نتحدث عن الوراثة.
الكائناتدائما مرت بالرجوع.
إذا قمت بتعيين متغير نفس القيمة لمتغير آخر ، إذا كان نوعًا أوليًا مثل رقم أو سلسلة ، يتم تمريرها بالقيمة:
let age = 36
let myAge = age
myAge = 37
age //36
const car = {
color: 'blue'
}
const anotherCar = car
anotherCar.color = 'yellow'
car.color //'yellow'
خصائص الكائن المضمنة
كائن الكائن له خاصيتان
length
دائما يساوي1
prototype
يشير هذا إلى كائن النموذج الأولي للكائن: الكائن الذي ترث منه جميع الكائنات الأخرى. افحص الالميراث النموذجينشر للمزيد.
طرق ثابتة
نقسم الطرق إلى طرق ثابتة وطرق مثيلة. يتم استدعاء الطرق الثابتة مباشرة علىObject
. يتم استدعاء طرق المثيل في مثيل الكائن (an
موضوع).
تعتبر الطرق الثابتة طريقة رائعة لتقديم مساحة اسم للوظائف التي تعمل في نفس المساحة. بهذه الطريقة ، ليس لدينا وظائف عامة حولها ، ولكن جميعها تقع ضمن نطاقObject
كائن عالمي.
Object.assign()
*ES2015
Object.create()
Object.defineProperties()
Object.defineProperty()
Object.entries()
*ES2017
Object.freeze()
Object.getOwnPropertyDescriptor()
Object.getOwnPropertyDescriptors()
Object.getOwnPropertyNames()
Object.getOwnPropertySymbols()
Object.getPrototypeOf()
Object.is()
*ES2015
Object.isExtensible()
Object.isFrozen()
Object.isSealed()
Object.keys()
Object.preventExtensions()
Object.seal()
Object.setPrototypeOf()
*ES2015
Object.values()
طرق المثيل
تحميل مجانيدليل جافا سكريبت للمبتدئين
المزيد من دروس js:
- أشياء يجب تجنبها في JavaScript (الأجزاء السيئة)
- المؤجلة والوعود في JavaScript (+ مثال Ember.js)
- كيفية تحميل الملفات إلى الخادم باستخدام JavaScript
- أسلوب ترميز جافا سكريبت
- مقدمة لمصفوفات JavaScript
- مقدمة في لغة برمجة جافا سكريبت
- دليل ECMAScript 2015-2019 الكامل
- فهم وعود JavaScript
- الهيكل المعجمي لجافا سكريبت
- أنواع جافا سكريبت
- متغيرات جافا سكريبت
- قائمة بعينات من أفكار تطبيقات الويب
- مقدمة في البرمجة الوظيفية باستخدام JavaScript
- JavaScript حديث غير متزامن مع Async و Await
- حلقات ونطاق JavaScript
- بنية بيانات Map JavaScript
- مجموعة بنية بيانات JavaScript
- دليل إلى JavaScript Template Literals
- خارطة الطريق لتعلم JavaScript
- تعبيرات جافا سكريبت
- اكتشف JavaScript Timers
- شرح أحداث JavaScript
- حلقات جافا سكريبت
- اكتب حلقات JavaScript باستخدام الخريطة ، والتصفية ، والتقليل ، والعثور
- حلقة حدث JavaScript
- وظائف JavaScript
- مسرد جافا سكريبت
- وأوضح إغلاق جافا سكريبت
- برنامج تعليمي لوظائف سهم JavaScript
- دليل لتعبيرات JavaScript العادية
- كيفية التحقق مما إذا كانت السلسلة تحتوي على سلسلة فرعية في JavaScript
- كيفية إزالة عنصر من مصفوفة في JavaScript
- كيفية استنساخ كائن JavaScript بعمق
- Introduction to Unicode and UTF-8
- Unicode في JavaScript
- كيفية تكبير الحرف الأول من سلسلة في JavaScript
- كيفية تنسيق رقم كقيمة عملة في JavaScript
- كيفية تحويل سلسلة إلى رقم في JavaScript
- هذا في JavaScript
- كيفية الحصول على الطابع الزمني الحالي في JavaScript
- وضع جافا سكريبت الصارم
- تعبيرات وظائف JavaScript التي تم استدعاؤها فورًا (IIFE)
- كيفية إعادة التوجيه إلى صفحة ويب أخرى باستخدام JavaScript
- كيفية إزالة خاصية من كائن JavaScript
- كيفية إلحاق عنصر بمصفوفة في JavaScript
- كيفية التحقق مما إذا كانت خاصية كائن JavaScript غير محددة
- مقدمة في وحدات ES
- مقدمة إلى CommonJS
- برمجة JavaScript غير المتزامنة وعمليات الاسترجاعات
- كيفية استبدال كل تكرارات سلسلة في JavaScript
- دليل مرجعي سريع لـ Modern JavaScript Syntax
- كيفية قص الصفر البادئ في رقم في JavaScript
- كيفية فحص كائن JavaScript
- الدليل النهائي لتواريخ JavaScript
- برنامج تعليمي من Moment.js
- الفاصلة المنقوطة في JavaScript
- عوامل تشغيل JavaScript الحسابية
- كائن JavaScript الرياضي
- قم بإنشاء سلاسل عشوائية وفريدة من نوعها في JavaScript
- كيفية جعل وظائف JavaScript الخاصة بك في وضع السكون
- الوراثة النموذجية لجافا سكريبت
- استثناءات JavaScript
- كيفية استخدام فئات JavaScript
- كتاب طبخ جافا سكريبت
- اقتباسات في JavaScript
- كيفية التحقق من صحة عنوان البريد الإلكتروني في JavaScript
- كيفية الحصول على الخصائص الفريدة لمجموعة من الكائنات في مصفوفة JavaScript
- كيفية التحقق مما إذا كانت السلسلة تبدأ بأخرى في JavaScript
- كيفية إنشاء سلسلة متعددة الأسطر في JavaScript
- دليل ES6
- كيفية الحصول على عنوان URL الحالي بجافا سكريبت
- دليل ES2016
- كيفية تهيئة مصفوفة جديدة بقيم في JavaScript
- دليل ES2017
- دليل ES2018
- كيفية استخدام Async و Await مع Array.prototype.map ()
- Async مقابل رمز المزامنة
- كيفية إنشاء رقم عشوائي بين رقمين في JavaScript
- برنامج HTML Canvas API التعليمي
- كيفية الحصول على فهرس التكرار في حلقة for-of في JavaScript
- ما هو تطبيق الصفحة الواحدة؟
- مقدمة إلى WebAssembly
- مقدمة إلى JSON
- دليل JSONP
- Should you use or learn jQuery in 2020?
- كيفية إخفاء عنصر DOM باستخدام JavaScript عادي
- كيفية دمج كائنين في JavaScript
- كيفية إفراغ مصفوفة JavaScript
- كيفية ترميز URL باستخدام JavaScript
- كيفية تعيين قيم المعلمات الافتراضية في JavaScript
- كيفية فرز مجموعة من الكائنات حسب قيمة الخاصية في JavaScript
- كيفية حساب عدد الخصائص في كائن JavaScript
- call () وتطبيق () في JavaScript
- مقدمة إلى PeerJS ، مكتبة WebRTC
- العمل مع الكائنات والمصفوفات باستخدام الراحة والانتشار
- تدمير الكائنات والمصفوفات في JavaScript
- الدليل النهائي لتصحيح أخطاء JavaScript
- دليل TypeScript
- حدد طريقة كائن في JavaScript ديناميكيًا
- تمرير غير محدد إلى JavaScript الذي تم استدعاؤه فورًا لتعبيرات الوظائف
- اللغات المكتوبة بشكل فضفاض مقابل اللغات المكتوبة بشدة
- كيفية تصميم عناصر DOM باستخدام JavaScript
- صب في جافا سكريبت
- برنامج تعليمي لمولدات جافا سكريبت
- حجم المجلد node_modules ليس مشكلة. إنه امتياز
- كيفية حل خطأ المعرف غير المتوقع عند استيراد وحدات في JavaScript
- كيفية سرد جميع طرق الكائن في JavaScript
- طريقة String replace ()
- طريقة البحث عن السلسلة ()
- كيف أقوم بتشغيل مقتطفات JavaScript صغيرة
- دليل ES2019
- طريقة حرف السلسلة ()
- أسلوب String charCodeAt ()
- طريقة String codePointAt ()
- طريقة String concat ()
- تنتهي السلسلة بـ () طريقة
- تتضمن السلسلة طريقة ()
- طريقة String indexOf ()
- طريقة String lastIndexOf ()
- طريقة String localeCompare ()
- طريقة String match ()
- طريقة String تطبيع ()
- طريقة String padEnd ()
- طريقة String padStart ()
- طريقة تكرار السلسلة ()
- طريقة شريحة السلسلة ()
- طريقة String split ()
- تبدأ السلسلة مع طريقة ()
- طريقة String substring ()
- أسلوب String toLocaleLowerCase ()
- طريقة String toLocaleUpperCase ()
- طريقة String toLowerCase ()
- طريقة String toString ()
- طريقة String toUpperCase ()
- طريقة String trim ()
- طريقة String trimEnd ()
- طريقة String trimStart ()
- Memoization في JavaScript
- طريقة String valueOf ()
- مرجع JavaScript: سلسلة
- طريقة الرقم isInteger ()
- طريقة Number isNaN ()
- طريقة Number isSafeInteger ()
- طريقة تحليل الأرقام ()
- طريقة تحليل الأرقام ()
- طريقة Number toString ()
- طريقة رقم valueOf ()
- طريقة الرقم إلى الدقة ()
- طريقة الرقم إلى إكسبونيشنال ()
- طريقة Number toLocaleString ()
- طريقة Number toFixed ()
- طريقة الرقم () هي نهائية
- مرجع JavaScript: رقم
- واصفات خاصية JavaScript
- طريقة تعيين الكائن ()
- طريقة إنشاء الكائن ()
- طريقة تحديد خصائص () الكائن
- طريقة تعريف الكائن الخاصية ()
- طريقة إدخالات الكائن ()
- طريقة تجميد الكائن ()
- طريقة الكائن getOwnPropertyDescriptor ()
- طريقة الكائن getOwnPropertyDescriptors ()
- أسلوب getOwnPropertyNames () للكائن
- طريقة الكائن getOwnPropertySymbols ()
- طريقة الكائن getPrototypeOf ()
- الكائن هو () طريقة
- طريقة الكائن هو الامتداد ()
- طريقة الكائن مجمد ()
- طريقة الكائن مغلق ()
- طريقة مفاتيح الكائن ()
- أسلوب منع الكائن ()
- طريقة ختم الكائن ()
- أسلوب الكائن setPrototypeOf ()
- طريقة قيم الكائن ()
- طريقة الكائن hasOwnProperty ()
- أسلوب الكائن isPrototypeOf ()
- أسلوب الكائن propertyIsEnumerable ()
- أسلوب الكائن toLocaleString ()
- طريقة Object toString ()
- طريقة قيمة الكائن ()
- مرجع JavaScript: كائن
- مشغل تعيين جافا سكريبت
- تدويل جافا سكريبت
- نوع مشغل جافا سكريبت
- مشغل جافا سكريبت الجديد
- مشغلي مقارنة جافا سكريبت
- قواعد أسبقية مشغلي JavaScript
- مثيل JavaScript من المشغل
- جمل جافا سكريبت
- نطاق جافا سكريبت
- جافا سكريبت نوع التحويلات (الصب)
- عوامل تشغيل مساواة جافا سكريبت
- جافا سكريبت if / else شرطي
- مفتاح تبديل JavaScript الشرطي
- مشغل حذف JavaScript
- معلمات وظيفة جافا سكريبت
- عامل انتشار جافا سكريبت
- قيم إرجاع JavaScript
- عوامل تشغيل منطقية جافا سكريبت
- مشغل جافا سكريبت الثلاثي
- العودية جافا سكريبت
- خصائص كائن JavaScript
- كائنات خطأ جافا سكريبت
- كائن JavaScript العالمي
- وظيفة مرشح () JavaScript
- وظيفة خريطة () JavaScript
- وظيفة تقليل () JavaScript
- عامل تشغيل JavaScript `in`
- عوامل تشغيل جافا سكريبت
- كيفية الحصول على قيمة خاصية CSS في JavaScript
- كيفية إضافة مستمع حدث إلى عناصر متعددة في JavaScript
- حقول فئة جافا سكريبت الخاصة
- كيفية فرز مصفوفة حسب قيمة التاريخ في JavaScript
- حقول الفئة العامة في JavaScript
- رموز جافا سكريبت
- كيفية استخدام مكتبة JavaScript bcrypt
- كيفية إعادة تسمية الحقول عند استخدام إتلاف الكائنات
- كيفية التحقق من الأنواع في JavaScript دون استخدام TypeScript
- كيفية التحقق مما إذا كانت مصفوفة JavaScript تحتوي على قيمة محددة
- ماذا يفعل عامل النفي المزدوج !! تفعل في جافا سكريبت؟
- أي عامل مساوي يجب استخدامه في مقارنات JavaScript؟ == مقابل ===
- هل ما زالت JavaScript تستحق التعلم؟
- كيفية إرجاع نتيجة دالة غير متزامنة في JavaScript
- كيفية التحقق مما إذا كان الكائن فارغًا في JavaScript
- كيفية الخروج من حلقة for في JavaScript
- كيفية إضافة عنصر إلى مصفوفة في فهرس معين في JavaScript
- لماذا لا يجب تعديل النموذج الأولي لكائن JavaScript
- ما الفرق بين استخدام let و var في JavaScript؟
- الروابط المستخدمة لتنشيط وظائف JavaScript
- كيفية ربط سلسلتين في JavaScript
- كيفية ربط صفيفين في JavaScript
- كيف تتحقق مما إذا كانت قيمة JavaScript عبارة عن مصفوفة؟
- كيف تحصل على العنصر الأخير من المصفوفة في JavaScript؟
- كيفية إرسال بيانات urlencoded باستخدام Axios
- كيفية الحصول على تاريخ الغد باستخدام JavaScript
- كيفية الحصول على تاريخ الأمس باستخدام JavaScript
- كيفية الحصول على اسم الشهر من تاريخ JavaScript
- كيفية التحقق من وجود تاريخين في نفس اليوم في JavaScript
- كيفية التحقق مما إذا كان التاريخ يشير إلى يوم في الماضي في JavaScript
- عبارات جافا سكريبت المسمى
- كيفية انتظار وعدين أو أكثر للحل في JavaScript
- كيفية الحصول على الأيام الواقعة بين تاريخين في JavaScript
- كيفية تحميل ملف باستخدام Fetch
- كيفية تنسيق التاريخ في جافا سكريبت
- كيفية التكرار على خصائص الكائن في JavaScript
- كيفية حساب عدد الأيام بين تاريخين في JavaScript
- كيفية استخدام انتظار المستوى الأعلى في وحدات ES
- الواردات الديناميكية لجافا سكريبت
- تسلسل اختياري لجافا سكريبت
- كيفية استبدال المسافة البيضاء داخل سلسلة في JavaScript
- دمج جافا سكريبت فارغ
- كيفية تسطيح مصفوفة في JavaScript
- هذا العقد في JavaScript
- كيفية إرسال رأس التفويض باستخدام Axios
- قائمة الكلمات الرئيسية والكلمات المحجوزة في JavaScript
- كيفية تحويل مصفوفة إلى سلسلة في JavaScript
- كيفية إزالة كافة محتويات مجلدات node_modules
- كيفية إزالة التكرارات من مصفوفة JavaScript
- دعونا مقابل Const في JavaScript
- نفس استدعاء POST API في العديد من مكتبات JavaScript
- كيفية الحصول على أول ن عنصر في مصفوفة في JS
- كيفية تقسيم المصفوفة إلى عدة أجزاء متساوية في JS
- كيفية إبطاء حلقة في JavaScript
- كيفية تحميل صورة في لوحة HTML
- كيفية قص سلسلة إلى كلمات في جافا سكريبت
- كيفية تقسيم المصفوفة إلى النصف في JavaScript
- كيفية كتابة نص في لوحة HTML
- كيفية إزالة الحرف الأخير من سلسلة في JavaScript
- كيفية إزالة الحرف الأول من سلسلة في JavaScript
- كيفية إصلاح خطأ TypeError: لا يمكن التعيين للقراءة فقط خاصية 'الصادرات' للكائن '# & lt؛ Object & gt؛' خطأ
- كيفية إنشاء نافذة منبثقة بغرض الخروج
- كيفية التحقق مما إذا كان عنصر ما هو سليل لعنصر آخر
- كيفية فرض بيانات الاعتماد على كل طلب Axios
- كيفية حل خطأ "ليست دالة" في JavaScript
- غاتسبي ، كيفية تغيير الرمز المفضل
- تحميل ملف JS خارجي باستخدام Gatsby
- كيفية اكتشاف الوضع المظلم باستخدام JavaScript
- Parcel ، كيفية إصلاح الخطأ `regeneratorRuntime غير محدد`
- كيفية اكتشاف ما إذا كان يتم استخدام Adblocker مع JavaScript
- تدمير الكائنات بأنواع في TypeScript
- دليل دينو: مقدمة موجزة عن دينو 🦕
- كيفية الحصول على الجزء الأخير من المسار أو URL باستخدام JavaScript
- كيفية تبديل العناصر في مصفوفة JavaScript عشوائيًا
- كيفية التحقق من وجود مفتاح في كائن JavaScript
- فقاعات الحدث والتقاط الحدث
- event.stopPropagation مقابل event.preventDefault () مقابل إرجاع false في أحداث DOM
- الأنواع البدائية مقابل الكائنات في JavaScript
- كيف يمكنك معرفة نوع القيمة في JavaScript؟
- كيفية إرجاع قيم متعددة من دالة في JavaScript
- وظائف الأسهم مقابل الوظائف العادية في JavaScript
- بأي طرق يمكننا الوصول إلى قيمة خاصية كائن؟
- ما الفرق بين null و undefined في JavaScript؟
- ما الفرق بين الطريقة والدالة؟
- ما هي الطرق التي يمكننا بها كسر حلقة في JavaScript؟
- JavaScript for..of الحلقة
- ما هو تدمير الكائن في جافا سكريبت؟
- ما هو الرفع في JavaScript؟
- كيفية تغيير الفواصل إلى نقاط باستخدام JavaScript
- أهمية التوقيت عند العمل مع DOM
- كيفية عكس مصفوفة JavaScript
- كيفية التحقق مما إذا كانت القيمة رقمًا في JavaScript
- كيفية قبول معاملات غير محدودة في وظيفة JavaScript
- كائنات وكيل جافا سكريبت
- تفويض الحدث في المتصفح باستخدام Vanilla JavaScript
- الكلمة الرئيسية جافا سكريبت الفائقة
- مقدمة إلى XState
- هل تمرر القيم بالمرجع أم بالقيمة في JavaScript؟
- أحداث مخصصة في JavaScript
- أخطاء مخصصة في JavaScript
- مساحات الأسماء في JavaScript
- استخدام فضولي للفواصل في JavaScript
- استدعاءات أسلوب التسلسل في JavaScript
- كيفية التعامل مع رفض الوعد
- كيفية تبديل عنصري مصفوفة في JavaScript
- كيف أصلحت خطأ "cb.apply ليس دالة" أثناء استخدام Gitbook
- كيفية إضافة عنصر في بداية مصفوفة في JavaScript
- غاتسبي ، إصلاح الخطأ "لا يمكن العثور على وحدة gatsby-cli / lib / reporter"
- كيفية الحصول على فهرس عنصر في مصفوفة JavaScript
- كيفية اختبار كائن فارغ في JavaScript
- كيفية تدمير كائن للمتغيرات الموجودة في JavaScript
- بنية بيانات Array JavaScript
- بنية بيانات جافا سكريبت المكدس
- هياكل بيانات جافا سكريبت: قائمة الانتظار
- هياكل بيانات JavaScript: مجموعة
- هياكل بيانات جافا سكريبت: قواميس
- هياكل بيانات JavaScript: القوائم المرتبطة
- JavaScript ، كيفية تصدير وظيفة
- JavaScript ، كيفية تصدير وظائف متعددة
- JavaScript ، كيفية الخروج من وظيفة
- JavaScript ، كيفية البحث عن حرف في سلسلة
- JavaScript ، كيفية تصفية المصفوفة
- JavaScript ، كيفية توسيع فئة
- JavaScript ، كيفية البحث عن التكرارات في المصفوفة
- JavaScript ، كيفية استبدال عنصر مصفوفة
- خوارزميات جافا سكريبت: البحث الخطي
- خوارزميات جافا سكريبت: بحث ثنائي
- خوارزميات JavaScript: فرز التحديد
- خوارزميات JavaScript: الترتيب السريع
- خوارزميات JavaScript: دمج الفرز
- خوارزميات جافا سكريبت: فرز الفقاعات