JS : Comment créer un objet basé sur les propriétés parentes
P粉883223328
P粉883223328 2024-04-04 21:08:50
0
1
1502

J'essaie de créer un objet JS qui contient toutes les URL.

Je souhaite y parvenir grâce à la partie data() :

export default defineComponent({
  name: 'MyPage',
  data() {
    backendUrls: {...}
  }
})

En regardant les choses d'une manière plus simple, cela ressemblerait à ceci :

backendUrls: {
  baseUrl: "http://localhost:8080",
  baseUrlWithPrefix: function() { return this.baseUrl + "/ver1"; }
  userAdd: function() { return this.baseUrlWithPrefix() + "/user/add"; }
}

Je peux utiliser le mot-clé this car il pointe vers le même objet que la propriété donnée.

Mais je veux le diviser davantage et créer des objets dans des objets :

backendUrls: {
  baseUrl: "http://localhost:8080",
  generalUrls: {
    baseUrlWithPrefix: ...
  },
  socketUrls: {
    messageUrls: {
      userAdd: ...
    }
  }
}

Ici, si j'essaye generalUrls : { baseUrlWithPrefix: function() { return this.baseUrl + "/ver1"; }}, cela ne fonctionnera pas car il ne trouve pas baseUrl , car le mot-clé generalUrls: { baseUrlWithPrefix: function() { return this.baseUrl + "/ver1"; }},它不会起作用,因为它找不到baseUrl,因为this关键字指向generalUrls对象,而不是backendUrls对象,baseUrl pointe vers l'objet generalUrls, et non vers l'objet backendUrls, dans lequel baseUrl existe.

J'ai besoin de quelque chose comme ceci :

backendUrls: {
  baseUrl: "http://localhost:8080",
  generalUrls: {
    baseUrlWithPrefix: function() { return {goBackToParentObject}.this.baseUrl + "/ver1"; }
  },
  socketUrls: {
    messageUrls: {
      userAdd: function() { return {goBackToParentObject}.this.generalUrls.baseUrlWithPrefix() + "/user/add"; }
    }
  }
}

P粉883223328
P粉883223328

répondre à tous(1)
P粉432930081

Changez simplement la façon dont vous appelez la fonction comme suit

const backendUrls = {
  baseUrl: "http://localhost:8080",
  generalUrls: {
    baseUrlWithPrefix: function() { return this.baseUrl + "/ver1"; }
  },
}

const example = backendUrls.generalUrls.baseUrlWithPrefix.bind(backendUrls);

example();
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!