Во-первых, я хотел бы подчеркнуть, что это не первый язык программирования, над которым я работаю. Поэтому некоторые важные части, возможно, были опущены в этом письме.
Первое, что нужно знать о языке, — это типы переменных. Говоря о типах данных, мы должны учитывать, как их объявлять. Раньше для объявления переменных использовалось ключевое слово «var», но в настоящее время чаще всего используются ключевые слова «const» и «let». Можно определить переменную следующим образом:
›пусть MyNumber = 5;
›const MyNo = 6;
›вар х = 7;
(Помните, что мы используем «;» после каждого оператора или выражения.)
Как и ожидалось, когда переменная объявлена с ключевым словом «const», впоследствии невозможно изменить значение этой переменной. Однако, если бы мы определили переменную с помощью ключевого слова «let», можно было бы изменить значение. Разница между «var» и другими заключается в том, что ключевое слово «var» определяет переменную в области действия функции, а ключевые слова «let» и «const» определяют переменные в области действия блока.
Теперь мы можем изучить типы данных:
- Числа: сюда входят целые числа и числа с плавающей запятой.
- Струны
- Булевы значения
- Массивы
- Объекты
- Неопределенный
- Пустой ("")
Встроенные функции, которые могут быть полезны:
Math.floor(number) — эта функция превращает ваше число в целое, удаляя часть после запятой.
Math.random() — создает случайную переменную от 0 до 1. 0 включается, а 1 нет.
Number.tofixed(x) — принимает только часть длины x десятичной точки.
Для взаимодействия с окружающей средой:
- console.log("это-распечатывается-на-консоль")
- console.error("код ошибки, напечатанный на консоли");
- console.warn("код предупреждения, напечатанный на консоли");
- prompt("это выражение написано на экране со значком ввода внизу, вы можете присвоить значение, написанное в поле, переменной, чтобы использовать ее в своем коде.");
- console.table(это объект с хэш-картой, которая будет напечатана в виде таблицы);
6. консоль.время("id");
›выражения, высказывания, декларации
console.timeEnd («идентификатор»);
// Это вычисляет время оценки между двумя.
7. alert("Это ваше сообщение пользователю")
Теперь мы можем изучить синтаксис if-else:
если(условное выражение)
{
выражение, которое мы хотим, чтобы оно оценивалось;
}
иначе если (условное выражение)
{}
еще
{
}
Тернарный, если:
пусть c = (условное выражение) ? (если-истина-оценка) : (если-ложь-оценка)
Использование переключателя:
переключатель (переменная-вы-проверить)
{
случай условие1: {
выражения;
перерыв;
}
случай условие2:{
выражения;
перерыв;
}
…
по умолчанию:{
…
перерыв;
}
}
Самая забытая вещь в использовании этих переключателей — это выражения «break». Это ключевое слово важно, потому что, если вы забудете их использовать, код будет продолжать оцениваться в операторе switch и попадет в блоки «case», которые не имеют отношения к нашему условию.
Еще одна важная вещь — это то, как мы подключаем наши коды к среде, которая на данный момент является сервером. Нам нужно использовать HTML-код для подключения к нашему серверу в реальном времени. Сейчас мы можем использовать шаблон. Это выглядит как:
‹!DOCTYPE html›
‹html язык="ru"›
‹метакодировка="UTF-8›
‹meta http-equiv="X-UA-Compatible" content="IE=edge"›
‹meta name=”viewport” content=”width=device-width, initial-scale=1.0›
‹скрипт›
console.log("Hello Worlddd2") // это пишется в console.
‹/скрипт›
‹название›Документ‹/название›
‹h1›Эта часть загружается в первую очередь, чтобы сообщить пользователю основную цель веб-страницы до загрузки нашего кода‹/h1›
‹script src = «app.js» ›‹/script›
//Так мы соединяем наш код JavaScript с кодом HTML. Они должны находиться в одной папке.//
‹/html›
Теперь мы можем изучить синтаксис ключевых слов for и while:
for(initial_conditions;conditions_to_continue;-это оценивается на каждом этапе цикла-)
{
›выражения;}
в то время как (условия_для_продолжения)
{
›выражения;}
Кроме того, его можно использовать, как показано ниже, чтобы гарантировать выполнение выражений внутри do хотя бы один раз.
делать{ выражения;
} пока (условное выражение);
Ключевое слово «break» может использоваться для выхода за пределы цикла в одной из этих структур.
Синтаксис функции:
функция имя_функции (параметры)
{
›выражения;
возвращаться; (необязательный)
}
JavaScript позволяет пользователю назначать функцию переменной. Это создает потребность в улучшении синтаксиса. Поэтому в JavaScript есть то, что называется «стрелочными» функциями, отличным от тех, к которым мы привыкли и которые называются «традиционными» функциями.
пусть ourvar= (параметры) =› {
функция-обязанность;
}
Чтобы вызвать функцию:
нашавар();
Если параметры отсутствуют, _ можно использовать для представления пустого места или () является подходящим синтаксисом.
Если {} не используются, нет необходимости использовать return; заявление. Но если они есть в коде и мы хотим, чтобы наша функция возвращала результат, то использование return просто необходимо.
Разница очевидна, если мы рассмотрим ключевое слово «это». В традиционных функциях ключевое слово this относится к объекту, который вызывает функцию. В стрелочных функциях ключевое слово this относится к владельцу функции, в данном случае это наша переменная.
Конструкция массива:
пусть nameofarray = [elm1, elm2,…];
Индексация возможна с помощью оператора []. Также с помощью этого оператора можно обновить существующие элементы. Поскольку он создается динамически, нам не нужно заранее выделять память, которая будет использоваться (подумайте о языке C).
Некоторые методы:
- nameofthearray.length
- for(let x of nameoftearray) — оценивает каждый отдельный элемент nameofthearray индивидуально.
- nameofthearray.toString() — делает elmts строкой вроде elmt1, elmt2,…
- nameofthearray.join(" | ") — elmt1 | вяз2 | …
- nameofthearray.push(x) — добавляет x и возвращает длину массива.
- nameofthearray.pop() — извлекает последний элемент и возвращает его.
- nameofthearray.shift() — удаляет первый elmt.
- nameofthearray.unshift(x) — добавляет x в начало массива.
- delete nameofthearray[x] — удаляет элемент с индексом x, но ничего не сдвигает. Индекс x сейчас не определен.
- nameofthearray.splice(start-index, количество удаляемых elmts, что добавить после start-index) — возвращает массив удаленных elmts и добавленных элементов, добавленных на места удаленных.
- nameofthearray.concat(другой массив)
- nameofthearray.slice(start-index, end-index) — создает другой массив от start-index(включено) до end-index(не включено) и не удаляет эти элементы из исходного массива.
Объекты:
пусть aPerson = {
имя: «Лале»,
фамилия : «Лале»,
Год рождения = 2001,
calcAge : функция (год_рождения) {возврат 2020-год_рождения;}
};
Доступ:
aPerson.ad или aPerson["ad"]
Кроме того, calcAge можно было бы записать так:
calcAge: function(){ return 2020-this.birthYear;}
Чтобы определить объект, вы можете:
пусть Джек = новый объект();
затем инициализируйте каждый компонент отдельно.
Функции могут быть параметром другой функции. Функция параметра называется «Функция обратного вызова», а та, которая принимает функцию в качестве параметра или возвращает функцию в качестве параметра, называется «Функциями более высокого порядка».
Метод для массивов:
nameofthearray.forEach(функция(элемент, индекс элемента){});
Это то, что нужно знать, прежде чем начать веб-разработку с помощью JavaScript. Желаю всем отличного пути!