כל מה שאתה צריך לדעת על אובייקטים של JavaScript

היא שפת תכנות מונחה עצמים. האובייקטים יוצרים את אבני הבניין הנחשבות לסוג הנתונים החשוב ביותרלשפת התכנות. מאמר זה יספק ידע מעמיק על אובייקטים של JavaScript, כיצד הם נוצרים ומוגדרים ברצף הבא:

• אובייקט JavaScript
• כיצד ליצור אובייקט חדש?
• נכסים
• שיטות
• אביזרים
• אב טיפוס

אובייקט JavaScript

אובייקטים דומים לאובייקטים בחיים האמיתיים המורכבים מתכונות ומאפיינים שונים. אובייקטים אלה מוגדרים כאוסף לא מסודר של נתונים קשורים, שהם סוגים פרימיטיביים או ייחוסיים. אלה מוגדרים בצורה של זוגות 'מפתח: ערך'.

מקשים אלה הם משתנים או פונקציות אשר נקראים כתכונות ושיטות של אובייקט. באפשרותך ליצור אובייקט JavaScript כ:

let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

כיצד ליצור אובייקט חדש?

ישנן שלוש דרכים ליצור אובייקט חדש:

• לפי חפץ מילולי

תחביר:

object = {property1: value1, property2: value2 ..... propertyN: valueN}

דוגמא:

עובד = {id: 700, שם: 'אוון', משכורת: 30000} document.write (עובד.יד + '' + עובד.שם + '' + שכיר עובד)

תְפוּקָה:

700 אוון 30000

• על ידי יצירת מופע של אובייקט

תחביר:

var objectname = אובייקט חדש ()

דוגמא:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

תְפוּקָה:

701 קארן 40000

• באמצעות בונה עצמים

נוצרת פונקציה עם טיעונים. ניתן להקצות לכל ערך ארגומנט באובייקט הנוכחי באמצעות זֶה מילת מפתח.

האידיאה הטובה ביותר עבור

דוגמא:

כיצד לאתחל שיעור בכיתה

עובד פונקציה (מזהה, שם, משכורת) {this.id = id this.name = שם this. שכר = משכורת} emp = עובד חדש (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '+ שכר אמפ)

תְפוּקָה:

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}}

תְפוּקָה:

טסה דן

חלק מהשיטות המובנות הנפוצות הן:

אביזרים

אביזרי ה- JavaScript כוללים גטרס ו סטרים המשמשים להגדרת אביזרי האובייקט.

• מילת המפתח קבל

בואו ניקח דוגמא ונראה כיצד גטרס רגילים לקבל כל ערך של הנכס:

ההבדל בין ג'אווה לזריקות

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 .מפיד

תְפוּקָה:

401

אב טיפוס

כל אובייקטים של JavaScript יורשים מאפיינים ושיטות מאב טיפוס. לדוגמה:

• תַאֲרִיך חפצים יורשים מ Date.prototype
• מַעֲרָך חפצים יורשים מ Array.prototype
• אדם חפצים יורשים מ Person.prototype

ה- JavaScript אב טיפוס המאפיין משמש להוספת מאפיינים חדשים לבוני האובייקטים.

דוגמא:

פונקציה אדם (ראשון, אחרון, מזהה, גיל) {this.firstName = ראשית this.lastName = אחרון this.empid = id this.age = age} Person.prototype.nationality = 'הודי'

מאפיין האב-טיפוס מאפשר גם להוסיף שיטות חדשות לבוני אובייקטים.

דוגמא:

פונקציה אדם (ראשון, אחרון, מזהה, גיל) {// הוספת שיטות לבונים this.firstName = ראשית this.lastName = אחרון this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

אתה יכול לשנות אבות טיפוס משלך אך לעולם לא לשנות את אבות הטיפוס של אובייקטים JavaScript רגילים.

בכך הגענו לסוף המאמר שלנו. אני מקווה שהבנתם אובייקטים של JavaScript ואת השיטות השונות להגדרתם.

עכשיו שאתה יודע על אובייקטים של JavaScript, עיין ב מאת אדוריקה. הדרכת הסמכת בניית אתרים תעזור לך ללמוד כיצד ליצור אתרים מרשימים באמצעות HTML5, CSS3, Twitter Bootstrap 3, jQuery ו- API של Google ולפרוס אותו לשירות אחסון פשוט של אמזון (S3).

יש לך שאלה עבורנו? אנא הזכיר זאת בקטע ההערות של 'אובייקט JavaScript' ונחזור אליך.