Αντικείμενα JavaScript
- Προηγούμενη σελίδα Σύγχρονη σελίδα
- Επόμενη σελίδα Γεγονότα JS
真实生活中的对象、属性和方法
在真实生活中,汽车是一个对象.
汽车有诸如车重和颜色等属性,也有诸如启动和停止的函数:
对象 | 属性 | 函数 |
---|---|---|
car.name = porsche car.model = 911 car.length = 4499mm car.color = white |
car.start() car.drive() car.brake() car.stop() |
所有汽车都拥有同样的属性,但属性值因车而异。
所有汽车都拥有相同的函数,但是方法会在不同时间被执行。
Αντικείμενα JavaScript
您之前已经学到,JavaScript 变量是数据值的容器。
这段代码把一个单一值(porsche)赋给名为 car 的变量:
var car = "porsche";
对象也是变量。但是对象包含很多值。
这段代码把多个值(porsche, 911, white)赋给名为 car 的变量:
var car = {type:"porsche", model:"911", color:"white"};
值以名称:值以名称:值对的方式来书写(名称和值由冒号分隔)。
JavaScript 对象是被命名值的容器。
对象属性
(JavaScript 对象中的)名称:值对被称为属性.
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
属性 | 属性值 |
---|---|
firstName | Bill |
lastName | Gates |
age | 62 |
eyeColor | blue |
对象函数
对象也可以有函数.
函数是在对象上执行的动作.
函数以Δημιουργία συνάρτησης存储在属性中。
属性 | 属性值 |
---|---|
firstName | Bill |
lastName | Gates |
age | 62 |
eyeColor | blue |
fullName | function() {return this.firstName + " " + this.lastName;} |
函数是以属性的形式存储的。
Εκδείγματα
var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; } };
λέξη-κλειδί this
Στην οριστική της συνάρτησηςthis
αναφέρεται στον "έχοντα" της συνάρτησης.
Στο παραπάνω παράδειγμαthis
σημαίνει το "έχει" τη συνάρτηση fullName Αντικείμενο person.
Με άλλα λόγιαthis.firstName
το εννοεί Αντικείμενο thisτου firstName ιδιοτητας.
Παρακαλώ Λέξη-κλειδί this JSΣε αυτό το κεφάλαιο θα μάθετε περισσότερα για τη λέξη-κλειδί this.
Δημιουργία αντικειμένου
Δημιουργήσαμε (ανήχθηκα) ένα αντικείμενο JavaScript:
Εκδείγματα
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
Ο χώρος και η παύση γραμμής είναι επιτρεπόμενες. Η διατύπωση αντικειμένων μπορεί να διασχίζει πολλές γραμμές:
Εκδείγματα
var person = { firstName:"Bill", lastName:"Gates", age:50,, eyeColor:"blue" };
Προσέγγιση ιδιοτήτων αντικειμένου
Μπορείτε να προσπέφτετε στις ιδιότητες του αντικειμένου με δύο τρόπους:
objectName.propertyName
ή
objectName["propertyName"]
Παράδειγμα 1
person.lastName;
Παράδειγμα 2
person["lastName"];
Προσέγγιση μεθόδου αντικειμένου
Μπορείτε να προσπέφτετε στις μεθόδους του αντικειμένου με την ακόλουθη σύνταξη:
objectName.methodName())
Εκδείγματα
name = person.fullName();
ΑνΧωρίς () Ανακτήστε τη μέθοδο fullName, θα επιστρέψειΔημιουργία συνάρτησης:
Εκδείγματα
name = person.fullName;
Τα μεθόδους αποθηκεύονται ως αξίες ιδιοτήτων.
Παρακαλώ μη δηλώνετε συμβόλαια, αριθμούς και boolean τιμές ως αντικείμενα!
Αν χρησιμοποιήσετε τη λέξη-κλειδί "new" για να δηλώσετε μεταβλητές JavaScript, τότε η μεταβλητή αυτή θα δημιουργηθεί ως αντικείμενο:
var x = new String(); // Ανήκω x σε αντικείμενο String var y = new Number(); // Ανήκω y σε αντικείμενο Number var z = new Boolean(); // Ανήκω z σε αντικείμενο Boolean
Αποφύγετε τις αλφαριθμητικές, αριθμητικές ή λογικές αντικειμένων. Αυτές θα προσθέσουν δυσκολία στο κώδικα και θα μειώσουν την ταχύτητα εκτέλεσης.
Θα μάθετε περισσότερα για τα αντικείμενα σε αργότερες ενότητες αυτού του οδηγού.
Εκπαιδευτικό βιβλίο
Για περισσότερες πληροφορίες σχετικά με Αντικείμενα JavaScriptΓια περισσότερες πληροφορίες, διαβάστε τα σχετικά περιεχόμενα του προχωρημένου οδηγού JavaScript:
- Τεχνολογία αντικειμένων ECMAScript
- Αυτή η ενότητα παρουσιάζει τις έννοιες της τεχνολογίας αντικειμένων, τις απαιτήσεις μιας γλώσσας αντικειμένων και τη δομή ενός αντικειμένου.
- Εφαρμογή αντικειμένων ECMAScript
- Αυτή η ενότητα συνοψίζει τη δημιουργία και την υλοποίηση αντικειμένων, την αναφορά και την αφαίρεση αντικειμένων, και το έννοια του binding.
- Τύποι αντικειμένων ECMAScript
- Αυτή η ενότητα παρουσιάζει τα τρία τύποι αντικειμένων ECMAScript: τοπικά αντικείμενα, εσωτερικά αντικείμενα και αντικείμενα γηπέδου, και παρέχει συνδέσμους για σχετικές αναγνωριστικές οδηγίες.
- Όριο αντικειμένων ECMAScript
- Αυτή η ενότητα εξηγεί την περιοχή του ECMAScript και τον κλειδί this.
- Ορισμός κλάσεων ή αντικειμένων ECMAScript
- Αυτή η ενότητα εξηγεί σε λεπτομέρεια τα διάφορα μονοπάτια δημιουργίας αντικειμένων ή κλάσεων ECMAScript.
- Τροποποίηση αντικειμένων ECMAScript
- Αυτή η ενότητα εξηγεί πώς να τροποποιήσετε τα αντικείμενα δημιουργώντας νέες μεθόδους ή επαναπροσδιορίζοντας υπάρχουσες μεθόδους.
- Προηγούμενη σελίδα Σύγχρονη σελίδα
- Επόμενη σελίδα Γεγονότα JS