Вы новичок в javascript, изучаете средний уровень или забыли javascript? Если вам нужно сделать краткий обзор основной концепции самого популярного языка в мире, то вам место для написания. Вкратце я проведу вас через столь необходимую основную концепцию. Давайте погрузимся в
Я думаю, вы знакомы с основным синтаксисом и определением js (я упомяну «javascript как js»)
Переменная
Как и любой другой язык программирования, js познакомил нас с переменными. Что такое переменная? В слове переменная — это контейнер, который содержит значение для будущего использования. Ранее js имел только одну переменную, которая была определена с помощью ключевого слова «var». Но в 2015 году он познакомил нас с двумя другими переменными ключевыми словами «let» и «const», чтобы нам было удобнее программировать. Позволь мне объяснить. Var известна как глобальная переменная из-за того, что она доступна везде в вашем файле скрипта, где ключевые слова let и const используются для объявления переменных для конкретных нужд. let доступен только в определенном блоке кода, например var x = 'foo';
доступен из любого места файла сценария, но let x = 'foo'
доступен только из определенного блога кода, например:
//Example 1 function fooBar(){ let x = 'foo' return x; } console.logf(fooBar()) // 'foo' //Example 2 let name = 'My name is ' + x //ReferenceError: x is not defined
В примере 1 fooBar
является функциональным кодовым блоком, а let x = 'foo'
объявляется внутри кодового блока. Пример 2 находится вне этого блока кода, поэтому он не сможет получить доступ к переменной x.
const x = 'bar'
если вы попытаетесь присвоить новое значение const x, это приведет к ошибке, потому что это константная переменная, что означает, что значение постоянной переменной не может быть изменено, и это также заблокированная переменная.
Комментарии
Комментарий необходим для каждого языка программирования. В Js есть свой способ комментирования.
Для однострочного комментария: // is used
Для двухстрочного комментария /* this is a multi-line comment block */
Тип данных
Число
Строка
Логическое значение
Объект
Null
Не определено
Функция
Функция JavaScript — это специальный блок кода, используемый для выполнения определенной задачи. Функция объявляется с помощью ключевого слова «функция»
пример:
function fooBar(){ return 'foo' } console.log(foobar()); // function must call with parenthesis
Операторы
Арифметические операторы: +
—
*
/
и %
используются для выполнения математической операции
Оператор присваивания: =
используется для присвоения значения
Операторы сравнения: ==
===
<
>
<=
>=
!=
!==
используются для сравнения двух разных значений
Логический оператор: &&
||
!
используются для выполнения логических операций
Петля
Наиболее часто используемые циклы в javascript:
цикл For
let x = 10; for (i = 0; i < x; i++) { text += "The number is " + i + "<br>"; } console.log(text)
Пока цикл
while (i < 10) { text += "The number is " + i; i++; } console.log(text)
Множество
Массив — один из наиболее часто используемых типов данных в javascript. В js все рассматривается как объект. Массив также является объектом. Массив используется для хранения нескольких списков данных в одной переменной.
Пример массива: let foo = ['lorem', 'ipsum, 'dolorsit, 'ammet',]
в массиве каждый элемент должен быть заключен в одинарную или двойную кавычку, а все элементы массива должны быть заключены в квадратные скобки.
Некоторые методы массива:
toString() //to convert an array into an string push() //to add an item last position in an array pop() // to remove last item from an array shift() // to include an item to the first position of an array unshift() // to remove an item from first positon of an array concate() // to integrate two or more array in a single array slice() // to create a new array with the specific items from an existing array without changing the existing array splice() // to remove arry item or build a new array changing the original array join() // to concate two or more array min() // to find out min value of an array max() // to fined out the max value of an array sort() // to sort an array elements in ascending or descending order
Методы итерации массива:
Необходимые методы перебора массива:
array.forEach() //loop through every item of an array array.filter() // loop through every element of an array and return logical values array.find() // loop through every item of an array and return the logical one array.map() // it works like array.forEach() method but return a new array array.indexOf() // to find out an array element index
Javascript Математика
Math — это встроенный объект js, который имеет свойства и методы для математических операций.
Некоторые наиболее часто используемые математические методы:
Math.abs()
Этот встроенный метод возвращает абсолютное (положительное) значение переменной или числа.
let x = -7 Math.abs(x) = 7 // it always return absolute positive number
Math.round()
Math.round() возвращает круглое число до ближайшего целого
let x = 4.7 Math.round(x) = 5 // let y = 4.3 Math.round(y) = 4
Math.ceil()
Возвращает значение, округленное в большую сторону до ближайшего целого числа.
let x = 5.5
Math.ceil(x) = 6 // it always rounded up to it nerest integer
Math.floor()
Возвращает значение, округленное вниз до ближайшего целого числа.
let x = 5.8
Math.floor(x) = 5// it always rounded up to it nerest integer
Math.random()
Этот метод возвращает случайное число от 0 до 1 при каждом вызове.
Логическое значение Javascript
Логическое значение Javascript всегда возвращает true или false
let x = 5 Boolean(x) // true