Обсуждение объектов JavaScript

Благодаря гибкости JavaScript каждый может писать код в соответствии со своими привычками. Существуют методы функционального программирования, а также объектные литералы, которые сегодня широко используются. Начало также постепенно превратилось в классовое программирование. Теперь я кратко объясню несколько знакомых привычек программирования:

1. Литерал объекта:

Ниже приводится цитируемое содержание: вар человек = { имя: ноль, setName: функция (имя) { это.имя = имя; вернуть это.имя; }, getName:функция(){ оповещение(это.имя); } }

Метод программирования с характеристиками JavaScript. Он содержит имя атрибута, методы setName и getName в модулях класса. С этого момента вызвать метод person.setname('R') относительно просто. атрибуты и методы человека не являются частными, их можно назвать.

2.Режим вызова конструктора прототипа

Ниже приводится цитируемое содержание: вар Человек = функция() { это.имя = ноль; } Person.prototype.setName = функция(имя){ это.имя = имя; } Person.prototype.getName = функция(){ оповещение(это.имя); }

Это также очень распространенный метод программирования: создать класс Person, а затем использовать прототип для расширения класса и добавления методов. Самое большое отличие от объектных литералов заключается в том, что при вызове методов этого класса вы должны сначала использовать new (аналогично Java). вызов классов). var p = new Person();p.getName(); Если вы создадите его напрямую, без использования new, то об этой ошибке не будет сообщено, и причину ошибки будет сложно найти. происходит из-за указания на Person.prototypel, а у Person нет метода setName.

3. Используйте анонимные функции для функционального программирования.

Ниже приводится цитируемое содержание: (функция(){ имя переменной; вар setName = функция (n) { имя = п; } окно['person']['setName'] = setName; вар getName = функция() { оповещение (имя); } окно['person']['getName'] = getName; })()

Одним из самых больших преимуществ появления классов является то, что они уменьшают количество глобальных переменных. Но если вы все еще привыкли к функциональному программированию, это не имеет значения, пока вы создаете анонимную функцию и выполняете замыкание. выполнять в нем функциональное программирование. Не нужно беспокоиться о появлении глобальных переменных. Как видно выше, имя var нельзя вызывать вне анонимной функции. Затем используйте внешние переменные для вызова внутренних функций или переменных. создавать частные переменные и частные методы.

4. Классное программирование (не знаю, как это назвать)

Ниже приводится цитируемое содержание: вар человек = функция () { имя вар = ноль; возвращаться{ setName: функция (n) { имя = п; }, getName:функция(){ оповещение (имя); } } }

Он очень похож на объектные литералы, за исключением того, что это оставлено в стороне, а методы и свойства можно сделать частными. Вызов методов в основном такой же, как и объектных литералов.

5. Цепочка методов

Ниже приводится цитируемое содержание: вар Человек = функция() { это.имя = ноль; } Человек.прототип = { setName: функция (имя) { это.имя = имя; верните это; }, getName:функция(){ оповещение(это.имя); верните это; } }

jQuery — самая классическая библиотека цепочки методов. Если вы все еще не понимаете, что такое цепочка методов, взгляните на этот пример:

Ниже приводится цитируемое содержание: вар р = новый человек (); p.setName('Том').getName().setName('Рэй').getName();

Поскольку каждый метод заканчивается возвратом this, создается класс, связанный с методом.

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

1. Об этом указателе

Это используется при создании нескольких категорий, но какова эта роль? На самом деле, это играет большую роль в повторном использовании и наследовании. Давайте сначала рассмотрим пример наследования:
Сначала создайте класс Person:

Ниже приводится цитируемое содержание: вар Человек = функция() { это.имя = ноль; } Person.prototype.setName = функция(имя){ это.имя = имя; } Person.prototype.getName = функция(){ оповещение(это.имя); } Person.prototype.getAge = функция(){ вар возраст = this.age ''; оповещение (возраст); }

Затем создайте класс Children и интегрируйте все методы и свойства Person:

Ниже приводится цитируемое содержание: вар Дети = функция(возраст){ это.имя = ноль; this.age = возраст; } Children.prototype = new Person(); //Наследуем свойства и методы Person Children.prototype.ageJudge = function(){ //Также добавляем новый метод для детей if(this.age > 18){ предупреждение('взрослый~'); } еще { alert('Младше 18 лет~'); } } Children.prototype.getName = function(){ //Переопределить метод getName var about = this.name + ' ' + this.age; оповещение (о); } вар том = новые дети (12); вар возраст = tom.getAge(); //12; var судья = tom.ageJudge() //Младше 18 лет~; var setN = tom.setName('Том'); var get = tom.getName(); //Том 12;

Это наследование, а затем мы рассмотрим простое повторное использование функции:

Ниже приводится цитируемое содержание: вар SetColor = функция(){ this.style.backgroundColor = '#000'; //это указывает на окно } document.body.onclick = SetColor //Это указывает на тело в данный момент; documnet.getElementById('color').onmouseout = SetColor; //это указывает на documnet.getElementById('color') Увидев эту функцию, я должен иметь новое понимание этого. Теперь у меня есть вопрос: следует ли это использовать или нет. Давайте посмотрим на простой пример: вар setColor = { инициализация: функция (объект) { this.obj = obj; //это указывает на setColor this.obj.onclick = this.color; }, цвет: функция () { this.style.backgroundColor = '#000'; //это указывает на объект } }

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

Ниже приводится цитируемое содержание: вар setColor = { инициализация: функция (объект) { setColor.obj = объект; setColor.obj.onclick = setColor.color; }, цвет: функция () { this.style.backgroundColor = '#000'; //Это может облегчить повторное использование методов. } }

Таким образом, код может быть более понятным. Поэтому при написании кода вам следует учитывать его будущее использование и возможность его повторного использования. Если ясно, что наследование или повторное использование не должны выполняться, я лично считаю, что вам следует это сделать. избегайте его использования, насколько это возможно. Есть еще одна, более распространенная проблема:

Ниже приводится цитируемое содержание: вар Человек = функция() { это.имя = ноль; } Person.prototype.setName = функция(имя){ это.имя = имя; } Person.setName('tom'); //Неправильный путь: это в методе setName будет указывать на Person.prototypel, у Person нет метода setName

Как упоминалось ранее, если это не записано как var p = new Person();p.setName('tom'); в этом классе это будет указывать непосредственно на Person.prototypel. Эта ошибка не возникнет во время компиляции или выполнения. будет сообщено об ошибке. Иногда это вызывает головную боль, поэтому при написании кода я всегда тщательно выбираю это.

2. Инкапсуляция классов

В Java методы или свойства класса могут быть установлены как частные, чтобы избежать внешних вызовов, но в JavaScript такой настройки нет. Взгляните на следующий код:

Ниже приводится цитируемое содержание: вар человек = { имя: ноль, инициализация: функция (имя) { this.setName(имя); }, setName: функция (имя) { это.имя = имя; вернуть это.имя; } } person.init('том'); //том

В этом классе всего 2 метода, а именно init и setName, и мы хотим запускать только setName из init, или различные методы, которые будут добавлены в него в будущем, и не хотят появляться:

person.setName('том'); //том

Вызовите метод setName напрямую. Точнее, вы хотите, чтобы метод setName был закрытым, а атрибут name был закрытым. Это не позволит другим программистам вызывать методы, которые вы не хотите вызывать при использовании вашего класса.
Так как же нам следует хорошо инкапсулировать классы? Попробуйте другой метод программирования и посмотрите, как будет работать исправленная версия:

Ниже приводится цитируемое содержание: вар человек = функция () { имя вар = ноль; вар setName = функция (n) { имя = п; вернуть имя; } возвращаться{ инициализация: функция (п) { setName (п); } } }

Таким образом, методы и свойства, которые изначально предназначались для приватизации, могут быть приватизированы и не могут быть вызваны напрямую извне. Это также достигается с помощью замыканий. Однако этот метод программирования непрост для чтения, особенно для новичков. Увидеть такой код будет очень сложно, а также он будет занимать больше памяти, чем обычный.
Хорошо, на этом пока всё. Я расскажу о замыканиях и области видимости в следующий раз, когда у меня будет время.