Главная страница>Учебник по веб-дизайну>ВЕБ-стандартизация

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

Автор：Eve Cole Время обновления：2025-02-10 11:50:24

Из-за гибкости JavaScript каждый может писать код в соответствии с их собственными привычками. Постепенно началось.

1. объект буквального:

Ниже приведено цитируемое содержание:

var person = {
Имя: NULL,
setName: function (name) {
this.name = name;
вернуть это. name;
},
getName: function () {
оповещение (this.name);
}
}

Метод программирования с функциями JavaScript содержит имя атрибута, метод SetName и GetName в единице класса. Это не частное и может быть вызвано.

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

Ниже приведено цитируемое содержание:

var person = function () {
this.name = null;
}
Person.prototype.setname = function (name) {
this.name = name;
}
Person.prototype.getName = function () {
оповещение (this.name);
}


Это также очень распространенный метод программирования. Класс). Ошибка исходит из этого, указывающего на Person.prototype, и у человека нет метода SetName.

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

Ниже приведено цитируемое содержание:

(function () {
var name;

var setName = function (n) {
name = n;
}
Window ['person'] ['setName'] = setName;

var getName = function () {
оповещение (имя);
}
window ['person'] ['getName'] = getName;
}) ()

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

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

Ниже приведено цитируемое содержание:

var person = function () {
var name = null;
возвращаться{
setName: function (n) {
name = n;
},
getName: function () {
оповещение (имя);
}
}
}

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

5. Метод цепочка

Ниже приведено цитируемое содержание:

var person = function () {
this.name = null;
}
Person.prototype = {
setName: function (name) {
this.name = name;
вернуть это;
},
getName: function () {
оповещение (this.name);
вернуть это;
}
}

JQUERY - самая классическая библиотека ссылок.

Ниже приведено цитируемое содержание:

var p = новый человек ();
p.setname ('tom'). getName (). setName ('ray'). getName ();


Поскольку конец каждого метода возвращает это;

Я больше знаком с этими методами.

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

Это используется при создании различных типов, но какова эта функция?
Сначала создайте класс человека:

Ниже приведено цитируемое содержание:

var person = function () {
this.name = null;
}
Person.prototype.setname = function (name) {
this.name = name;
}
Person.prototype.getName = function () {
оповещение (this.name);
}
Person.prototype.getage = function () {
var age = this.age || '';
блюд (возраст);
}

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

Ниже приведено цитируемое содержание:

var Children = function (возраст) {
this.name = null;
this.age = возраст;
}
Дети.prototype = новый человек ();
Kids.prototype.agejudge = function () {// Добавить новый метод для детей
if (this.age> 18) {
оповещение («взрослый ~»);
} еще {
предупреждение («Мне моложе 18 лет ~»);
}
}
Kids.prototype.getName = function () {// переписать метод getName
var о = this.name + '' + this.age;
предупреждение (о);
}
var tom = новые дети (12);
var Ages = tom.getage (); // 12
var Judge = Tom.ageJudge (); // ниже 18 лет ~
var setn = tom.setname ('tom');
var get = tom.getName (); // Том 12

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

Ниже приведено цитируемое содержание:

var setColor = function () {
this.style.backgroundcolor = '#000';
}
document.body.onclick = setColor;
DocumentNet.getElementById ('color'). Onmouseout = setColor;

Увидев эту функцию, я должен иметь новое понимание этого.

var setColor = {
init: function (obj) {
this.obj = obj;
this.obj.onclick = this.color;
},
цвет: function () {
this.style.backgroundcolor = '#000';
}
}

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

Ниже приведено цитируемое содержание:

var setColor = {
init: function (obj) {
setColor.obj = obj;
setColor.obj.onclick = setColor.color;
},
цвет: function () {
this.style.backgroundcolor = '#000';
}
}

Таким образом, код может быть более ясным. Избегают как можно больше.

Ниже приведено цитируемое содержание:

var person = function () {
this.name = null;
}
Person.prototype.setname = function (name) {
this.name = name;
}
Person.SetName ('Tom');

Как упоминалось ранее, если вы не напишите это как var p = new Person (); Это будет сообщать об ошибке.

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

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

Ниже приведено цитируемое содержание:

var person = {
Имя: NULL,
init: функция (имя) {
this.setName (имя);
},
setName: function (name) {
this.name = name;
вернуть это. name;
}
}
Человек.init ('Том'); // Том

В этом классе есть 2 метода, а именно init и setName.

Person.setName ('Tom');

Позвоните в метод SetName напрямую.
Итак, как мы должны упаковать класс?

Ниже приведено цитируемое содержание:

var person = function () {
var name = null;
var setName = function (n) {
name = n;
вернуть имя;
}
возвращаться{
init: function (n) {
setName (n);
}
}
}

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

Связанные статьи