Heim >Web-Frontend >js-Tutorial >Eine kurze Analyse der Eigenschaften und Methoden von JavaScript-Zugriffsobjekten und ihrer Unterschiede_Javascript-Fähigkeiten
Attribut ist eine Variable, die zur Darstellung der Eigenschaften eines Objekts verwendet wird, z. B. Farbe, Größe, Gewicht usw.; Methode ist eine Funktion, die zur Darstellung der Funktionsweise des Objekts verwendet wird, z. B. Laufen, Atmen, Springen usw.
In JavaScript wird der Operator „.“ normalerweise verwendet, um auf den Wert der Eigenschaften eines Objekts zuzugreifen. Oder verwenden Sie [] als assoziatives Array, um auf die Eigenschaften des Objekts zuzugreifen.
Die Eigenschaften und Methoden eines Objekts werden zusammenfassend als Mitglieder des Objekts bezeichnet.
Zugriff auf die Eigenschaften eines Objekts
In JavaScript können Sie „.“ und „[]“ verwenden, um auf die Eigenschaften eines Objekts zuzugreifen.
1. Verwenden Sie „.“ um auf Objekteigenschaften zuzugreifen
Syntax:
objectName.propertyName
Unter diesen ist objectName der Objektname und propertyName der Eigenschaftsname.
2. Verwenden Sie „[ ]“, um auf Objekteigenschaften zuzugreifen
Syntax:
Objektname[Eigenschaftsname]
Unter diesen ist objectName der Objektname und propertyName der Eigenschaftsname.
Methoden für den Zugriff auf Objekte
In JavaScript können Sie nur „.“ verwenden, um auf die Methoden eines Objekts zuzugreifen.
Syntax:
objectName.methodName()
Unter diesen ist objectName der Objektname und methodName() der Funktionsname.
[Beispiel 5-1] Erstellen Sie eine Personenklasse:
function Person() { this.name=" 张三 "; // 定义一个属性 name this.sex=" 男 "; // 定义一个属性 sex this.age=22; // 定义一个属性 age this.say=function(){ // 定义一个方法 say() return "嗨!大家好,我的名字是 " + this.name + " ,性别是 " + this.sex + ",今年 " + this.age +"岁!"; } } var zhangsan=new Person(); alert("姓名:"+zhangsan.name); // 使用“.”来访问对象属性 alert("性别:"+zhangsan.sex); alert("年龄:"+zhangsan["age"]); // 使用“[ ]”来访问对象属性 alert(zhangsan.say); // 使用“.”来访问对象方法
PS: Eine kurze Analyse des Unterschieds zwischen den Methoden „.“ und „[]“ für Objektzugriffseigenschaften
In JavaScript wird der Operator „.“ normalerweise verwendet, um auf den Wert der Eigenschaften eines Objekts zuzugreifen. Oder verwenden Sie [] als assoziatives Array, um auf die Eigenschaften des Objekts zuzugreifen. Doch was ist der Unterschied zwischen diesen beiden Methoden?
Lesen Sie beispielsweise den Eigenschaftsattributwert im Objekt:
object.property
Objekt['Eigenschaft']
Mit beiden oben genannten Methoden kann ein Attributzugriff erreicht werden.
1. Unterschiede in der Grammatik
Der Attributname des Objekts in Punktnotation ist ein Bezeichner, während der Attributname des Objekts eine Zeichenfolge ist.
2. Der Unterschied in der Flexibilität
In der JavaScript-Programmierung können Sie beliebig viele Eigenschaften für ein Objekt erstellen. Wenn Sie jedoch den Operator „.“ verwenden, um auf die Eigenschaften eines Objekts zuzugreifen, wird der Eigenschaftsname durch einen Bezeichner dargestellt. In einem JavaScript-Programm müssen Bezeichner wörtlich eingegeben werden; sie sind kein Datentyp, daher kann das Programm sie nicht verarbeiten. Das heißt, Bezeichner sind statisch und müssen im Programm fest codiert werden.
Wenn Sie die Array[]-Notation verwenden, um auf die Attribute eines Objekts zuzugreifen, wird der Attributname durch eine Zeichenfolge dargestellt. Zeichenfolgen sind ein JavaScript-Datentyp und können daher bearbeitet und erstellt werden, während das Programm ausgeführt wird.
3. Leistungsunterschiede
Array[]-Notation führt beim Zugriff auf Attributwerte eine Ausdrucksoperation aus. Die Punktdarstellung greift direkt auf Attributwerte zu und theoretisch ist die Ausführungseffizienz höher als die der Array-Darstellung. Leistung kann eigentlich vernachlässigt werden.
Einige Szenarien müssen eine Array-Darstellung verwenden, um dynamisch auf Attributwerte zuzugreifen, was mit der Punktdarstellung nicht erreicht werden kann.
Im Allgemeinen gibt es keinen großen Unterschied zwischen diesen beiden Methoden und beide haben entsprechende Verwendungsszenarien. Die Punktnotation wird im Allgemeinen als statisches Objekt für den Zugriff auf Eigenschaften verwendet. Die Array-Darstellung ist beim dynamischen Zugriff auf Attribute sehr nützlich.