Прототипы Object.extend с несколькими объектами, которые содержат свои собственные функции - PullRequest
Новая
       9

Прототипы Object.extend с несколькими объектами, которые содержат свои собственные функции

0 голосов
/ 25 марта 2010

Как бы я достиг чего-то в соответствии с этим .. 

var Persistence = new Lawnchair('name');

Object.extend(Lawnchair.prototype, {
  UserDefaults: {
    setup: function(callback) {
                  // "save" is a native Lawnchair function that doesnt
                  //work because
                  // "this" does not reference "Lawnchair"
                  // but if I am one level up it does. Say if I defined
                  // a function called UserDefaults_setup() it would work
                  // but UserDefaults.setup does not work.
                  this.save({key: 'key', value: 'value'});


                // What is this functions scope?
                // How do I access Lawnchairs "this"
        }
    },

    Schedule: {
        refresh: function(callback) {

        }
    }
});

//this get called but doesnt work.
Persistence.UserDefaults.setup();

Ответы [ 2 ]

1 голос
/ 25 марта 2010

UserDefaults - это его собственный объект, поэтому «this» относится к UserDefaults там. В других языках результат будет таким же ... доступ к "this" внутри функции в объекте, который является свойством другого объекта, не даст вам родителя.

Самое простое решение - использовать версию внедрения зависимостей и просто передать «this» классу более низкого уровня: 

var Persistence = new Lawnchair('name');

Object.extend(Lawnchair.prototype, {
  initialize: function(){
    // since initialize is the constructor when using prototype, 
    // this will always run
    this.UserDefaults.setParent(this);
  },
  UserDefaults: {
    setParent: function(parent){
        this.parent = parent;
    },
    setup: function(callback) {
                  // "save" is a native Lawnchair function that doesnt
                  //work because
                  // "this" does not reference "Lawnchair"
                  // but if I am one level up it does. Say if I defined
                  // a function called UserDefaults_setup() it would work
                  // but UserDefaults.setup does not work.
                  this.parent.save({key: 'key', value: 'value'});


                // What is this functions scope?
                // How do I access Lawnchairs "this"
        }
    },

    Schedule: {
        refresh: function(callback) {

        }
    }
});

//this get called but doesnt work.
Persistence.UserDefaults.setup();
0 голосов
/ 02 апреля 2010

Использование bind(this) 

setup: function(callback) {
  // "save" is a native Lawnchair function that doesnt
  //work because
  // "this" does not reference "Lawnchair"
  // but if I am one level up it does. Say if I defined
  // a function called UserDefaults_setup() it would work
  // but UserDefaults.setup does not work.
  this.save({key: 'key', value: 'value'});


 // What is this functions scope?
 // How do I access Lawnchairs "this"

}.bind(this)

- это то же самое, что передать это в глобальной переменной по параметру, но в элегантной форме.

...