Laissez-vous comprendre la différence entre [], {}, () dans js (explication détaillée)

1. { } accolades, indiquant la définition d'un objet Dans la plupart des cas, il doit avoir des attributs et des valeurs appariés, ou un corps de fonction

{} représente l'objet, [] représente les propriétés et les méthodes de l'objet, () s'il est utilisé après le nom de la méthode, signifie appeler

, tel que :

var LangShen = {"Name":"Langshen","AGE":”28”};

Le ci-dessus déclare un objet nommé " "LangShen", plusieurs propriétés ou fonctions sont séparées par (virgule), car ce sont des propriétés de l'objet,

, donc lors de l'accès, vous devez utiliser . (point) pour accéder couche par couche : LangShen.Name, LangShen .AGE,

Bien sûr on peut aussi y accéder en tableau, comme : LangShen["Name"], LangShen["AGE"], le résultat est le même .

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

2. Les crochets [ ] représentent un tableau, qui peut également être compris comme un objet tableau

如：var LangShen = [ "Name","LangShen","AGE","28" ];

Évidemment, chaque valeur ou fonction est indépendante, plusieurs valeurs ​​sont seulement séparés par (virgule), car il s'agit d'un objet tableau, il est donc égal à :

var LangShen = Array( "Name","LangShen","AGE","28" );

Lorsqu'on y accède, c'est la même chose qu'un tableau, alert( LangShen[0] )

3. { } et [ ] sont utilisés ensemble. Comme nous l'avons mentionné précédemment, { } est un objet et [ ] est un tableau. Nous pouvons former un tableau d'objets

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

De À en juger par la structure ci-dessus, le premier élément d'un objet est un attribut, le deuxième élément est un tableau et le troisième élément est un tableau contenant plusieurs objets. Lorsque

est appelé, on y accède également couche par couche. Les propriétés de l'objet sont superposées avec . (point) et le tableau est accessible avec [indice].

Par exemple :

alert( LangShen.MySon[1].Name ) ；
var LangShen=[
    {“name”：“wangwu”},
    {“name”：“lieu”}
];

Ceci est un tableau d'objets

4 () représente plusieurs paramètres, {} représente le corps de la fonction

.

function show(name){
    Alert(name);
}
es6中，
let show=(name)=>{
    alert(name);
}

Dans es6, s'il n'y a qu'un seul paramètre ou corps de fonction, vous pouvez omettre () et {}, comme

let show=name=>alert(name);

Merci d'avoir lu, j'espère que vous en bénéficierez.

Cet article est reproduit à partir de : https://blog.csdn.net/qq_20069429/article/details/83267887

Tutoriel recommandé : "

Tutoriel JS

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!