Pourquoi la fonction de greet ne renvoie pas la valeur attendue?

Question:

Pourquoi ne le salue la fonction renvoie pas la valeur attendue?

Code:

function Person(name){
    this.name = name;
}

Person.prototype.greet = function(otherName){
     return "Hi" + otherName + ", my name is " + name;
}

Comment puis-je répondre à cela? J'ai créer une nouvelle personne alors que dois-je faire?

var John = new Person("John");

source d'informationauteur flylib

javascript

24

Mauvaise méthode d'accès. la variable name n'est pas définie, seul this.name est défini. Donc, c'est la recherche d'une variable dans la portée de la fonction appelée name au lieu d'une propriété de l'objet appelé name.

Pour accéder à une propriété de l'objet à partir de l'intérieur de l'objet, nous utilisons la this mot-clé. Ainsi, nous aurons besoin d'utiliser this.name pour accéder à la name propriété dans la mise en œuvre ci-dessous.
```
Person.prototype.greet = function(otherName){
     return "Hi" + otherName + ", my name is " + this.name;
}
```
4

Dans votre code:
```
> function Person(name) {
>     this.name = name;
> }
```
Lorsqu'il est appelé en tant que constructeur, le ci-dessus va créer une propriété nommée d'une instance appelée nom et affectez-lui la valeur de la nom paramètre.
```
> Person.prototype.greet = function(otherName){
>     return "Hi" + otherName + ", my name is " + name;
> }
```
Ici l'identifiant nom est utilisé comme une variable, mais l'identifiant que vous cherchez est un nom de propriété de l'instance, si vous avez besoin d'accéder à ces. En général, cette fonction sera appelée comme une méthode de l'instance afin ce au sein de la fonction sera une référence à l'instance. Donc, vous voulez:
```
      return "Hi" + otherName + ", my name is " + this.name;
```
Alors maintenant, quand vous pouvez le faire (notez que les variables commençant par une majuscule sont, par convention, réservés pour construtors):
```
> var john = new Person("John");
```
et puis:
```
john.greet('Fred');
```
parce que salue est appelée comme une méthode de jeanil sera de retour:
```
Hi Fred, my name is John
```
1

Autrement, puisque c'est un problème de portée de l'héritage (deuxième fonction n'ayant pas accès à la variable "nom"), nous pouvons reformuler le code ressemble à ceci pour inclure tous les termes de la fonction de Personne:
```
function Person(name){
   this.name = name;
   this.greet = function(otherName){
      return "Hi" + otherName + ", my name is " + name;
    }
}
```
Fonctionne aussi bien.
0

Vous avez besoin de changer le salue la fonction à utiliser le nom de l'objet avec le this mot-clé:
```
Person.prototype.greet = function(otherName){
     return "Hi" + otherName + ", my name is " + this.name;
}
```
après cela, il suffit d'appeler John.greet("other name");

Essayez ce qui suit:

function Person(name){
   this.name = name;
   this.greet = function(otherName){
      return "Hi " + otherName + ", my name is " + name;
    }
} 

Person("Joe")
greet("Kate")

Vous devez vous connecter pour publier un commentaire.