Помочь вам получить объекты JavaScript

Как быстро приступить к работе с VUE3.0: Начало обучения

Рекомендации по теме: Руководство по JavaScript

1. Конструктор

Зачем использовать конструктор

Что такое конструктор: это еще один способ создания объектов в JavaScript.

В отличие от создания объектов с использованием литеральных методов: конструкторы могут создавать объекты с одинаковыми характеристиками.

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

Характеристики и преимущества создания объектов буквальными методами

• : простота и гибкость.

• Недостаток: когда вам нужно создать набор объектов с одинаковыми характеристиками, вы не можете указать в коде, какие члены должны быть общими у этих объектов.

• Способ реализации шаблонов в объектно-ориентированных языках программирования заключается в использовании классов для создания шаблонов и реализации различных объектов (экземпляров классов) на основе шаблонов.

• Способ 1 реализации шаблонов в JavaScript: через фабричную функцию, которая создает объект, используя внутри него литерал «{ }». Недостаток — невозможно различить тип объекта.

• Способ 2 реализации шаблонов в JavaScript: создавать объекты через конструкторы.

Встроенный конструктор JavaScript

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

• Распространенные встроенные конструкторы: Object, String, Number и другие конструкторы.
• Как конструктор создает объекты: новое имя конструктора ().
• Что такое создание экземпляра и экземпляр: Люди привыкли называть процесс создания объекта с использованием ключевого слова new созданием экземпляра, а объект, полученный после создания экземпляра, называется экземпляром конструктора.

• Свойство «object.constructor» указывает на конструктор объекта.
• При выводе через console.log() [собственный код] указывает, что код функции встроен.

пользовательских конструкторах

: Как настроить конструкторы?

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

Обратите внимание, что

при изучении JavaScript новичков часто путают некоторые похожие термины, такие как функция, метод, конструктор, конструктор, конструктор и т. д.

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

Что касается конструктора, то некоторые привыкли называть его конструктором или конструктором. Надо только понимать, что эти названия относятся к одному и тому же.

ключевое слово new class в ES6

• не было доступно до ES6: упрощение сложности.

• Причина добавления: С развитием веб-интерфейсной технологии некоторые люди, которые изначально занимались back-end разработкой, обратились к front-end. Чтобы приблизить JavaScript к синтаксису некоторых серверных языков, чтобы разработчики могли быстрее адаптироваться.

• Роль ключевого слова class: используется для определения класса.

• Особенности: В классе может быть определен метод конструктора.

Обратите внимание, что

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

частных членов

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

Особенности: После объекта экземпляра к нему нельзя получить доступ через «object.member», но доступ к частным членам можно получить в методе-члене объекта.

Возможности: Имя закрытого члена отражает объектно-ориентированную инкапсуляцию.

2. Встроенный

объект String

• проверяет создание символьных данных: с использованием пары одинарных или двойных кавычек.
• Почему символьные данные можно использовать как объекты?

Это связано с тем, что эти объекты на самом деле являются экземплярами конструктора String, т. е. объектами String.

• Объект String предоставляет некоторые свойства и методы для обработки строк.

Обратите внимание

, что при работе со строкой результат обработки возвращается непосредственно через возвращаемое значение метода и не меняет содержимое строки, хранящееся в самом объекте String. В параметрах этих методов позиция представляет собой значение индекса, начиная с 0, значение индекса первого символа равно 0, а значение индекса последнего символа равно длине строки минус 1.

Возьмем, к примеру, ограничение длины имен пользователей от 3 до 10 и запрет использования конфиденциального слова «администратор» для демонстрации.

Числовой объект

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

Это статический член Number, и доступ к нему осуществляется напрямую через конструктор Number, а не через экземпляр Number.

Объект Math

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

В качестве примера возьмите Math.random() для получения случайных чисел в указанном диапазоне.

Формула: Math.random() * (n - m) + m, что означает генерацию случайного значения, большего или равного m, но меньше n.

Объект Date

Объект Date используется для обработки даты и времени.

Пример 1. Получите время и дату на основе объекта Date.

Пример 2. Укажите дату на основе объекта Date.

Пример 3. Обработайте ситуацию, когда установленная дата необоснованна. Например, установка месяца равным -1 означает декабрь прошлого года, а установка месяца 12 означает январь следующего года.

Кейс: Создание месячного календаря

Идея реализации кода:

• создать объект даты 1-го числа текущего месяца.
• Определите, какой день недели 1-й, и напишите первую строку.
• Напишите об оставшейся части месяца.

Реализация кода

	
	
	<тело>
	
Календарь на этот месяц
	<скрипт>
	var в этом году, в этом месяце, сегодня = новая дата();;
	этот год = сегодня.getFullYear()
	этотмесяц=сегодня.getMonth();
	
	вар месяц, день недели, день дня, следующий день;
	document.write("")
	document.write("")
	document.write("")
	следующий день=1;
	var thisdate = новая дата (в этом году, в этом месяце, на следующий день)
	для (iday=0;iday<=6;iday++){
	if (thisdate.getDay() > iday) {
	document.write("")
	}
	еще {
	if (thisdate.getMonth()== Today.getMonth()&&thisdate.getDate()== Today.getDate() &&thisdate.getFullYear()== Today.getFullYear() ){
	document.write("")
	}
	еще {
	document.write("");
	}
	следующий день=следующий день+1;
	этадата.setDate(следующий день);
	}
	}
	
	document.write("");
	document.write("")
	iweekday=1
	while(thisdate.getMonth() == в этом месяце){
	if (thisdate.getMonth()== Today.getMonth()&&thisdate.getDate()== Today.getDate() &&thisdate.getFullYear()== Today.getFullYear() ){
	document.write("")
	}
	еще{
	document.write("")
	}
	следующий день=следующий день+1;
	iweekday=iweekday+1;
	если (iбудний день>7 ){
	iбудний день = 1;
	document.write("");
	}
	этадата.setDate(следующий день);
	}
	
	
Рекомендации по теме: Учебное пособие по изучению JavaScript.
Выше приведено подробное содержание, которое поможет вам получить объекты JavaScript. Для получения дополнительной информации обратите внимание на другие соответствующие статьи на китайском веб-сайте PHP.
Воскресенье
Понедельник
Вторник
Среда
Четверг
 Пятница< /td>
Суббота
");
	документ.write("
")
	document.write(следующий день)
	document.write("
");
	document.write(следующий день);
	document.write("
")
	document.write(следующий день)
	document.write("
")
	document.write(следующий день)
	document.write("