Ввод массивов в пользовательских объектов

Question

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

function URLObject() 
{ 
    this.syllables = new Array(); 
    etc... 

    this.AddtoSyllables = AddtoSyllables; 
    function AddtoSyllables(AWord) 
    { 
     var SylCount = this.syllables.length; 
     alert("This is SylCount: " + SylCount); 
    } 
} 

var myobj = new URLObject(); 
myobj.AdtoSyllables("text"); 

Выполнение приведенных выше результатов кода в двигателе JS распечатав следующее:

Это Sylcount: NAN

-или-

Это SylCount не определено.

Я рассмотрел информацию в главном Javascript, в Библии Javascript и на различных сайтах JS. Все они исчерпывающе описывают использование массивов объектов, но ни один из них не обсуждает массивы внутри объектов.

И все же я делаю что-то неправильно здесь, и я не знаю, что. Может ли кто-нибудь помочь?

Answer 1

вам нужно сделать, это:

function URLObject() 
{ 
var that = this; 
that.AddtoSyllables = AddtoSyllables; 
function AddtoSyllables(AWord) 

и т.д ... Как это вы можете добавить метод и атрибуты к одному объекту.

Answer 2

Здесь вы идете:

function URLObject() 
{ 
    this.syllables = []; 
    etc... 
} 

URLObject.prototype.addToSyllables = function(aWord) { 
    var SylCount = this.syllables.length; 
    alert("This is SylCount: " + SylCount); 
} 

var myobj = new URLObject(); 
myobj.adtoSyllables("text"); 

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

Answer 3

Проблемы у Вас есть, что функция AddtoSyllables не является функция члена или метода из URLObject. Это всего лишь вложенная функция без объектных вложений, поэтому все способы использования this приведут к возврату объекта окна dom. Правильный способ объявления функции AddtoSyllables заключается в следующем:

function URLObject() 
{ 
    //... 
} 

URLObject.prototype.AddtoSyllables = function (AWord) 
{ 
    var SylCount = this.syllables.length; 
    alert("This is SylCount: " + SylCount); 
} 

---

Чтобы объяснить причины поведения в этом вопросе, я хотел бы уточнить, что объекты в JavaScript рассматриваются как карты, словарь или пара ключевых значений (используйте термин, который подходит вам лучше всего). Использование синтаксиса x.y = value; эквивалентно присвоению значения value на карте x с ключом y. Имея код:

this.AddtoSyllables = AddtoSyllables; 
function AddtoSyllables(AWord) 
{ 
    var SylCount = this.syllables.length; 
    alert("This is SylCount: " + SylCount); 
} 

добавляет функцию AddtoSyllables как запись на объект this указывает. Код

myobj.AdtoSyllables(...) 

эквивалентно

myobj["AdtoSyllables"](...) // now a retreiaval operation 

или даже

var fn = myobj["AdtoSyllables"]; 
fn (...); 

Внутри функции AdtoSyllables, this используется.Против общих ожиданий, это не указатель на myobj.

Причиной этого является то, что AddtoSyllables рассматривается как статический метод из URLObject класса (как ООП ребята поняли бы это), или даже свободная статическая функция (например, в C). Чтобы заставить JS рассматривать его как член объекта URLObject (метод экземпляра для парней ООП), JS должно быть сказано сделать это. Это достигается посредством URLObject.prototype.AddtoSyllables = ...., который эквивалентен объявлению метода экземпляра.

---

С альтернативной точки зрения:

function foo() { /* some code using `this` */ } 
var bar = {}; 
var baz = {}; 

bar.foo = foo; // same as bar["foo"] = foo; 
baz.foo = foo; // same az baz["foo"] = foo; 

В приведенном выше коде, this порядки внутри foo не будет ни точка, ни barbaz. В то же время bar.foo укажет на тот же экземпляр, что и baz.foo, для foo также является объектом.

Answer 4

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

Update: Я подозреваю, что может быть путаю некоторые отдельный вызов AddtoSyllables (в коде вы не показали нам), где внезапно this.syllables больше не определяется. Здесь поведение this может ввести в заблуждение. Я создал jsFiddle, чтобы, надеюсь, объяснить, как это работает немного лучше для вас.

http://jsfiddle.net/J3tUb/

Тем не менее, это часто очень возможно писать код, как это без необходимости использовать this (или прототип) на всех. Например:

function createURLObject() { 
    // Use closed-over locals instead of attaching properties. 
    var syllables = new Array(); 

    function AddToSyllables(AWord) { 
    // Since syllables is closed over, it is accessible here 
    // (but WON'T be accessible outside this scope). 
    syllables.push(AWord); 
    return syllables.length; 
    } 

    // Expose whatever functionality you want to be "public" 
    // in the returned object. 
    return { 
    AddToSyllables: AddToSyllables 
    }; 
} 

var myObj = createURLObject(); 
myObj.AddToSyllables("text"); 

Это, конечно, важно понимать в JavaScript причудливая (и удивительно, для большинства разработчиков из других языков) поведения по отношению к this. Тем не менее, как только вы поймете это, я подозреваю, вы обнаружите, что его часто можно избежать вообще.