Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

JavaScript Object

Все вещи JavaScript объекты: строки, числа, массивы, функции ...

Кроме того, JavaScript позволяет пользовательские объекты.


Все является объектом

JavaScript предоставляет несколько встроенных объектов, таких как String, Date, Array, и так далее. Только со специальными свойствами объекта типа данных и методов.

  • Boolean может быть объектом.
  • Числовой тип может быть объектом.
  • Строка также может быть объектом
  • Дата является объектом
  • Математика и регулярные выражения являются объектами
  • Массив представляет собой объект
  • Даже функция объект может быть

JavaScript Object

Объект это просто особый вид данных. Объекты имеют свойства и методы.


доступ к объектам недвижимости

Свойство представляет собой значение, связанное с объектом.

синтаксис атрибута объекта Доступ:

objectName.propertyName

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

var message="Hello World!";
var x=message.length;

После того, как приведенный выше код выполняется, то значение х будет:

12


Объект метода доступа

Метод представляет собой операцию, которая может быть выполнена на объекте.

Вы можете вызвать метод, используя следующий синтаксис:

objectName.methodName()

В этом примере используется метод объекта toUpperCase String () для преобразования текста в верхний регистр:

var message="Hello world!";
var x=message.toUpperCase();

После того, как приведенный выше код выполняется, то значение х будет:

HELLO WORLD!


Создание объекта JavaScript

С помощью JavaScript, вы можете определять и создавать свои собственные объекты.

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

  • Определить и создать экземпляр объекта
  • Использование функции для определения объекта, а затем создать новый экземпляр объекта

Создание прямого экземпляра

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

примеров

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Попробуйте »

Альтернативный синтаксис (с помощью литералов объектов):

примеров

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Попробуйте »


Использование конструктора объекта

Этот пример использует функцию для создания объектов:

примеров

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Попробуйте »

В JavaScript, обычно это указывает на функцию, которую мы выполняем себя, или объект, который указывает на функции принадлежит (во время выполнения)


Создание экземпляра объекта JavaScript

После того, как у вас есть конструктор объекта, вы можете создать новый экземпляр объекта, как это:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


Свойства на объекты JavaScript

Вы можете присвоить объект, добавлять новые атрибуты к существующим объектам:

Пусть personObj уже существует - что вы можете добавить эти новые атрибуты: Имя, Фамилия, возраст и eyecolor:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

T в приведенном выше коде выполняется, то значение х будет:

John


Метод для добавления объектов в JavaScript

Метод просто прикрепляются к функции объекта.

В методе конструктора функции внутри определения объекта:

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

() Значение имени функции лица, назначенного changeName ЬавЬЫате свойств.

Теперь вы можете попробовать:

myMother.changeName("Doe");

Попробуйте »

классы JavaScript

JavaScript является объектно-ориентированный язык, но JavaScript не использует класс.

В JavaScript класс не создается, ни для создания объекта (как и в других объектно-ориентированных языках) через класс.

JavaScript на основе прототипа, а не на основе классов.


JavaScript для ... в цикле

JavaScript для ... в заявлении цикл по свойствам объекта.

грамматика

for (variable in object)
{
	执行的代码……
}

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

примеров

Цикл по свойствам объекта:

примеров

вар человек = {Fname: "Джон", LNAME: "Doe", возраст: 25};

для (х в лицо)
{
TXT = ТХТ + человек [х];
}

Попробуйте »