Heim > Web-Frontend > js-Tutorial > Hauptteil

Lassen Sie den Unterschied zwischen [], {}, () in js verstehen (ausführliche Erklärung)

烟雨青岚
Freigeben: 2020-07-13 11:22:49
nach vorne
2487 Leute haben es durchsucht

Lassen Sie den Unterschied zwischen [], {}, () in js verstehen (ausführliche Erklärung)

1. { } geschweifte Klammern, die die Definition eines Objekts angeben. In den meisten Fällen muss es gepaarte Attribute und Werte oder einen Funktionskörper haben

{} stellt das Objekt dar, [] stellt die Eigenschaften und Methoden des Objekts dar, () bedeutet bei Verwendung nach dem Methodennamen den Aufruf von

, wie zum Beispiel:

var LangShen = {"Name":"Langshen","AGE":”28”};
Nach dem Login kopieren

The Oben wird ein benanntes „LangShen“-Objekt deklariert. Mehrere Eigenschaften oder Funktionen werden durch (Komma) getrennt, da es sich um Eigenschaften des Objekts handelt,

. Beim Zugriff sollten Sie also . (Punkt) verwenden, um darauf zuzugreifen Schicht für Schicht: LangShen.Name, LangShen .AGE,

Natürlich können wir auch in einem Array darauf zugreifen, wie zum Beispiel: LangShen["Name"], LangShen["AGE"], das Ergebnis ist das gleiche .

var LangShen = { 
    Name : function(){ 
        return "LangShen"; 
    }, 
    Age : function(){ 
        return "28"; 
    } 
} 
调用 LangShen.Name()
Nach dem Login kopieren

2. [ ] Klammern stellen ein Array dar, das auch als Array-Objekt verstanden werden kann

如:var LangShen = [ "Name","LangShen","AGE","28" ];
Nach dem Login kopieren

Natürlich ist jeder Wert oder jede Funktion unabhängig, mehrere Werte ​werden nur durch (Komma) getrennt, da es sich um ein Array-Objekt handelt, also ist es gleich:

var LangShen = Array( "Name","LangShen","AGE","28" );
Nach dem Login kopieren

Beim Zugriff ist es dasselbe wie ein Array, Alert( LangShen[0] )

3. { } und [ ] werden zusammen verwendet. { } ist ein Objekt und [ ] ist ein Array >Ausgehend von der obigen Struktur ist das erste Element in einem Objekt ein Attribut, das zweite Element ein Array und das dritte Element ein Array mit mehreren Objekten. Wenn

aufgerufen wird, wird auch schichtweise auf die Eigenschaften des Objekts zugegriffen, und auf das Array wird mit [tiefgestellt] zugegriffen.

Zum Beispiel:

var LangShen = { 
    "Name":"Langshen", 
    "MyWife":[ "LuLu","26" ], 
    "MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 
}
Nach dem Login kopieren

Dies ist ein Objektarray

4 () repräsentiert mehrere Parameter, {} repräsentiert den Funktionskörper

alert( LangShen.MySon[1].Name ) ;
var LangShen=[
    {“name”:“wangwu”},
    {“name”:“lieu”}
];
Nach dem Login kopieren
Wenn es in es6 nur einen Parameter oder Funktionskörper gibt, können Sie () und {} weglassen, z. B.

function show(name){
    Alert(name);
}
es6中,
let show=(name)=>{
    alert(name);
}
Nach dem Login kopieren

Vielen Dank fürs Lesen, ich hoffe, Sie werden davon profitieren.

Dieser Artikel ist reproduziert von: https://blog.csdn.net/qq_20069429/article/details/83267887

Empfohlenes Tutorial: „

JS Tutorial

Das obige ist der detaillierte Inhalt vonLassen Sie den Unterschied zwischen [], {}, () in js verstehen (ausführliche Erklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
js
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage