Создание функций в прототипах функций для Javascript

Как правильно создать функцию в прототипе функции? Что у меня есть это:Создание функций в прототипах функций для Javascript

<body> 
    <p id="demo"></p><script> 
function person(first, last, age, eye) { 
    this.firstName = first; 
    this.lastName = last; 
    this.age = age; 
    this.eyeColor = eye; 
} 
person.prototype.name = function() { 
    return { 
     myFunc: function() { 
      this.firstName + " " + this.lastName; 
     } 
     } 
}; 

var myFather = new person("John", "Doe", 50, "blue"); 

document.getElementById("demo").innerHTML = 
"My father is " + myFather.name().myFunc; 
</script> 

</body>

При запуске этого он возвращает «Мой отец функция() {this.firstName +» «+ this.lastName;}», но я ожидал, что Джон Доу.

источник

2015-02-09 BlueElixir

вы не называя 'myFunc', вы просто вернув саму функцию. если вы хотите вызывать 'myFunc', тогда это должно быть' myFather.name(). myFunc() ' –

Что такое« прототип функции »? – Bergi

@MarcB: Да, [хотя даже это не сработает] (https://stackoverflow.com/questions/16502467/prototype-deep-scope-of-this-to-access-instances-scope) – Bergi

Вам нужна функция вызова, добавьте () в myFunc. В вашем примере вы добавили ссылку на внутреннюю функцию.

document.getElementById("demo").innerHTML = "My father is " + myFather.name().myFunc();

Также добавьте return к myFunc. Для того, чтобы получить свойства из родительской области - сохранить ссылку на this

person.prototype.name = function() { 
    var _this = this; 

    return { 
    myFunc: function() { 
     return _this.firstName + " " + _this.lastName; 
    } 
    } 
};

Example

источник

2015-02-09 19:30:24

Лучше, спасибо , – Bergi

Это решение работает, спасибо! Я предполагаю, что мое использование «этого» было неверным в вопросе. – BlueElixir

MyFunc является функцией. Когда вы это позвоните, позвоните так: myfunc()

источник

2015-02-09 19:32:37 Shikiryu

Вы не звоните myFunc, а также эту функцию ничего не возвращает. Я считаю, это чистый и лучший способ определить Funciton прототип:

function Person(first, last, age, eye) { 
    this.firstName = first; 
    this.lastName = last; 
    this.age = age; 
    this.eyeColor = eye; 
} 
Person.prototype = { 
    name: function() { 
      return this.firstName + " " + this.lastName; 
     } 
};

Обратите внимание, что name теперь возвращает return this.firstName + " " + this.lastName;.

Тогда просто:

document.getElementById("demo").innerHTML = "My father is " + myFather.name();

источник

2015-02-09 19:40:01

еще чище: https://stackoverflow.com/questions/17474390/defining-a-javascript-prototype – Bergi

Создание функций в прототипах функций для Javascript

ответ

Смежные вопросы