JavaScript ООП классы и декларации

Question

Мне очень трудно понять ООП в javascript.

Обычно я ожидал создать класс, а затем создать объекты из этого класса.

Однако, согласно одному руководству, следующий объект создает.

var egg = {} 

Я не просто создал объект с именем egg без фактического создания класса.

Если то случай, как бы я сделать несколько объектов из объекта: S

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

var Block = function(){ 

} 

Может кто-нибудь помочь мне распутать мое замешательство :(

Answer 1

Javascript - это другой язык, отличный от тех, что вы изучили до сих пор. Вы не можете ожидать, что все будет работать так же, как и при смене языков.

Быстрый просмотр подхалима: в javascript вы можете назначить функцию переменной. Держу пари на этих других языках, которые вы использовали, что было невозможно:

var myCounter = 1; 
var myFunction = function(x){ return x + 1; }; 

Возвращаясь к вашему вопросу: В JavaScript нет «реальных классов». Есть только объекты. Я знаю, что сначала это может показаться странным.

Объектная модель Javascript называется «прототипным наследованием». Он отличается от «классического» (каламбурного) наследования. И это также not very cleanly implemented.

В принципе, вы начинаете с одного приведенного набора объектов (Array, Function, Object и т. Д. - это объекты, а не классы), а затем вы используете эти объекты для сборки других. Отношения между ними могут быть «классами и экземплярами», но им это не нужно. Они могут быть и другими видами отношений.

Поскольку классов нет, вы не можете их создать. Но вы можете создать обычный объект, назначить его переменной Car, и просто подумайте: «Я собираюсь использовать этот объект для создания множества других объектов, а те другие объекты будут иметь некоторые атрибуты по умолчанию, такие как методы и прочее, так что они ведут себя как автомобили ». И язык позволяет вам это делать. Автомобиль будет вести себя как класс на других языках, а объекты, которые он производит, будут «как экземпляры автомобиля».

К javascript, однако, они будут выглядеть как объекты с некоторыми отношениями между ними.

В некотором роде прототипное наследование является «надмножеством» классического наследования. Вы можете делать классическое наследование, но и другие вещи.

Answer 2

Разве я не только сделал объект с именем яйцо фактически не делая класс.

Это верно. Все, что вы делаете, создает экземпляр базового объекта Object - вы ничего не сделали, чтобы вы могли делать экземпляры из.

В JavaScript нет формализованной концепции классов - существует просто имитация их, достигаемая посредством создания экземпляров, а не вызывающих функций.

function Animal() { this.animal = true; } 
Animal.prototype.sayHi = function() { alert(this.name+' says hi!'); } 
function Dog(name) { this.name = name; } 
Dog.prototype = new Animal(); 
... 
var fido = new Dog('Fido'); 
fido.sayHi(); //"Fido says hi!"; 

Обратите внимание, что четвертая строка является лишь одним из нескольких способов имитации наследования.

Итак, в JavaScript классы и функции являются как просто функциями. Нет ничего особенного в том, чтобы предотвратить вызов функции, предназначенной для создания экземпляра, без оператора new, а также без визы.

В первом случае общая обходной путь, чтобы проверить, что конструктор является «класс» (если испробованы и не экземпляр, конструктор будет Object) и перенаправляться по мере необходимости:

function Dog(name) { 
    //if we weren't instantiated, the constructor will be Object, not Dog 
    if(this.constructor != Dog) return new Dog(name); 
    this.name = name; 
} 
var fido = Dog(); //bad - invocation should be instantiation 

Answer 3

Да var egg = {} - это объект, но не экземпляр объекта.

В javascript просто говорить что-то таким образом - это в основном идея js о синглетоне, а это значит, что это именно то, что он равен.

//this is a js singleton, and all properties of this object are public. 
var egg = { 
    name: 'humpty', 
    smush: function() { console.log('splat!'); }, 
    weight: '4oz' 
}; 
console.log(egg.weight); //4oz 

а, тем более традиционный тип объекта бы сделать его функцию, вы можете создать экземпляр:

var Egg = function(name, weight) { 
    var name = name; 
    this.smush = function() { console.log('splat!'); } 
    this.weight = weight; 
}; 
var e2 = new Egg('dumpty','6oz'); 
console.log(e2.name); //will not return name. (since i wrote var name and not this.name, its "private" and thus cannot be accessed.) 
console.log(e2.weight); //4oz 

Answer 4

Оба приведенных выше примеров являются правильными. просто сказать, что в javascript это объект. классов не существует, но есть много способов имитировать их.мой любимый метод заключается в следующем:

var myClass = function() { <----------------------------- class declaration 

      var prop1, 
       prop2, <------------------------------------ private properties 
       prop3; 

      var addMe = function(arg1, arg2) { <------------ private method 
       var result = arg1 + arg2; 
       return result; 
      } 

      var obj = { <------------------------------------- constructor method 
       Prop1: prop1, 
       Prop2: value2, <----------------------------- public properties 
       Prop3: value3, 

       Method: function() { <------------------------ public method 
        obj.prop3 = obj.prop1 + obj.prop2; 
        return obj.prop3; 
       } 
      } 

      obj.Prop4 = addme(prop1, prop2); <-------------- public property set 
                   with the private method 
      return obj; 
    } 

    var myClassObj = new myClass; 

myClassObj теперь объект MyClass с четырьмя открытыми свойствами prop1, prop2, Prop3, Prop4 и один общедоступный метод, называемый метод

Answer 5

Вы хотите посмотреть на «прототипичный Наследование "для JavaScript. http://www.crockford.com/javascript/inheritance.html