كل ما تحتاج لمعرفته حول كائنات JavaScript

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

هي لغة برمجة كائنية التوجه. تشكل الكائنات اللبنات الأساسية التي تعتبر أهم أنواع البياناتللغة البرمجة. ستوفر هذه المقالة معرفة متعمقة حول كائنات JavaScript ، وكيفية إنشائها وتعريفها في التسلسل التالي:

كائن JavaScript

الأشياء تشبه الأشياء الموجودة في الحياة الواقعية والتي تتكون من سمات وخصائص مختلفة. يتم تعريف هذه الكائنات على أنها مجموعة غير مرتبة من البيانات ذات الصلة ، والتي هي من الأنواع الأولية أو المرجعية. يتم تحديد هذه في شكل أزواج 'المفتاح: القيمة'.





جافا سكريبت - كائن جافا سكريبت - Edureka

هذه المفاتيح هي المتغيرات أو المهام والتي تسمى خصائص وأساليب الكائن. يمكنك إنشاء كائن JavaScript على النحو التالي:



اسمحوا ObjectName = {Property1: 'Value'، Property2: 'Value'، ... ...}

كيف تصنع كائن جديد؟

هناك 3 طرق لإنشاء كائن جديد:

  • حسب الكائن الحرفي

بناء الجملة:

متى تستخدم هذه الجافا
الكائن = {property1: value1، property2: value2 ..... propertyN: valueN}

مثال:



الموظف = {المعرّف: 700 ، الاسم: 'إيفان' ، الراتب: 30000} document.write (Employee.id + '' + worker.name + '' + worker.salary)

انتاج:

700 إيفان 30000
  • عن طريق إنشاء مثيل للكائن

بناء الجملة:

var objectname = كائن جديد ()

مثال:

var emp = كائن جديد () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '+ emp.name +' '+ emp.salary)

انتاج:

701 كاران 40000
  • باستخدام منشئ الكائن

يتم إنشاء دالة باستخدام الوسائط. يمكن تعيين كل قيمة وسيطة في الكائن الحالي باستخدام هذه كلمة رئيسية.

مثال:

وظيفة موظف (معرف ، اسم ، راتب) {this.id = id this.name = name this.salary = راتب} emp = موظف جديد (702، 'Neha'، 35000) document.write (emp.id + '+ emp .name + '+ emp.salary)

انتاج:

702 نيها 35000

الخصائص

إلى خاصية من الكائن أ متغير التي تعلق على الكائن. إنها في الأساس نفس متغيرات JavaScript ، باستثناء الارتباط بالكائنات.

تحدد خصائص الكائن خصائص الكائن. يمكنك الوصول إلى خصائص كائن باستخدام تدوين نقطي بسيط مثل:

objectName.propertyName

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

var Car = كائن جديد () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

طرق

إلى طريقة هو وظيفة المرتبطة بكائن. إنها أيضًا خاصية كائن. يتم تعريف الطرق على أنها وظائف عادية ولكن يجب تعيينها كـ خاصية من كائن.

يمكن الوصول إلى طريقة الكائن على النحو التالي:

objectName.methodName ()

مثال:

var person = {firstName: 'Tessa'، lastName: 'Den'، empid: 7100، fullName: function () {return this.firstName + '' + this.lastName}}

انتاج:

تيسا دين

بعض الطرق المضمنة شائعة الاستخدام هي:

طرق وصف
تعيين الكائن () يتم استخدامه لنسخ الخصائص القابلة للعد والملكية من كائن مصدر إلى كائن هدف
Object.create () يتم استخدامه لإنشاء كائن جديد مع كائن النموذج الأولي والخصائص المحددة
Object.defineProperty () يتم استخدامه لتحديد السمات السلوكية للممتلكات
مدخلات الكائن () تقوم بإرجاع ملف مجموعة مصفوفة مع أزواج المفتاح والقيمة
Object.freeze () يمنع إزالة الخصائص الموجودة

الموصلات

تتكون موصّل جافا سكريبت من حاصل و يجلس والتي تستخدم لتعريف موصلي الكائنات.

  • The Get Keyword

لنأخذ مثالا ونرى كيف حاصل اعتادوا على احصل على أي قيمة للعقار:

var person = {firstName: 'Daisy'، lastName: 'Green'، empid: 401، get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

انتاج:

401
  • تعيين الكلمة

لنأخذ مثالا ونرى كيف يجلس اعتادوا على جلس أي قيمة للعقار:

var person = {firstName: 'Daisy'، lastName: 'Green'، empid: 00، set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

انتاج:

401

النماذج

ترث كل كائنات JavaScript الخصائص والأساليب من النموذج الأولي. فمثلا:

  • تاريخ ترث الأشياء من Date.prototype
  • مجموعة مصفوفة ترث الأشياء من صفيف
  • شخص ترث الأشياء من الشخص. النموذج

جافا سكريبت النموذج المبدئي يتم استخدام الخاصية لإضافة خصائص جديدة إلى منشئي الكائنات.

مثال:

الوظيفة الشخص (الأول ، الأخير ، المعرف ، العمر) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

تتيح لك خاصية النموذج الأولي أيضًا إضافة أساليب جديدة إلى منشئي الكائنات.

مثال:

الوظيفة الشخص (الأول ، الأخير ، المعرف ، العمر) {// إضافة طرق لمنشئات this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

يمكنك تعديل النماذج الأولية الخاصة بك ولكن لا يمكنك تعديل النماذج الأولية لكائنات JavaScript القياسية.

بهذا نكون قد وصلنا إلى نهاية مقالتنا. أتمنى أن تكون قد فهمت كائنات JavaScript والطرق المختلفة لتعريفها.

الآن بعد أن تعرفت على كائنات JavaScript ، تحقق من ملف بواسطة Edureka. سيساعدك التدريب على اعتماد تطوير الويب في تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'JavaScript Object' وسنقوم بالرد عليك.