1

Пытаюсь создать метод test объекта MyObject таким образом:

<script>
    function MyObject(){
        function test(){};
    };

    var my = new MyObject();

    my.test();
</script>

В консоль валится ошибка:

TypeError: my.test is not a function

не пойму что я делаю не так?

2 ответа 2

5

На всякий случай обращу ваше внимание на тот факт, что создавать методы в конструкторе неэффективно с точки зрения памяти. Фактически, в первом примере из ответа @Grundy при создании каждого нового объекта MyObject создается новая функция test. В большинстве случаев, это является нежелательным эффектом (использование конструктора, как замыкания я специально здесь не рассматриваю).

Кроме того, создавая методы в конструкторе, вы усложняете механизм наследования.

Как следствие, в большинстве случаев правильнее привязывать методы к прототипу создаваемого объекта, а именно:

var MyObject = function(foo) {
    // Инициализация свойств, уникальных для каждого ЭКЗЕМПЛЯРА MyObject.
    this.foo = foo;
};

MyObject.prototype.test = function() {
    console.log(this.foo);
};

var my = new MyObject('test');
my.test(); // Выведет "test"
1

Для создания метода в конструкторе, нужно добавить этот метод в this

function MyObject(){
    this.test = function test(){};
};

var my = new MyObject();

my.test();

Либо, если использовать ES2015

class MyObject{
    test(){};
};

var my = new MyObject();

my.test();

function MyObject(){
    this.test = function test(){
      document.write('test from constructor','<br/>');
    };
};

var my = new MyObject();

my.test();


class MyObject2015{
    test(){
      document.write('ES2015: test from constructor','<br/>');
    };
};

var my = new MyObject2015();

my.test();

8
  • спасибо выручил.
    – perfect
    4 мая 2016 в 12:36
  • es6 методы в прототип пишет, а не в инстенс конструктора. Так же стоит заметить что js это язык построенный на прототипах и по этому более разумно методы писать именно в прототип.
    – vas
    4 мая 2016 в 16:10
  • ``` var MyObject = function () { function MyObject() { _classCallCheck(this, MyObject); } MyObject.prototype.test = function test() { }; return MyObject; }(); ```
    – vas
    4 мая 2016 в 16:11
  • Так Ваш класс скомпилируется в es5.
    – vas
    4 мая 2016 в 16:12
  • @vas, ну и что?:) я не говорил что методы не попадут в прототип
    – Grundy
    4 мая 2016 в 16:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.