В этой статье я попытался написать об очень основных ключевых моментах JavaScript:
Javascript – это удобный для начинающих динамический язык программирования сценариев, который может добавить интерактивности веб-сайту. Перед тем, как приступить к Javascript, мы должны иметь некоторое представление о HTML и CSS.
Процесс написания кода:
- Текстовый редактор (VSCode) для написания кода JavaScript.
- Веб-браузер для выполнения кода вашего проекта.
Знакомство с JavaScript —
Сначала нам просто необходим веб-браузер, мы можем видеть весь вывод и можем отлаживать наш код JavaScript на веб-консоли, мы можем открыть консоль браузера с помощью сочетания клавиш Ctrl+Shift+i
Программа «Здравствуй, мир» —
Давайте углубимся в часть кодирования, откройте любой текстовый редактор и создайте index.html, как показано ниже:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document.
<script>
console.log("Hello World!");
</script>
</body>
</html>
Выражения и значения в JavaScript —
Ниже приведены все допустимые выражения в JavaScript:
7; 7 + 1; // 8 7 * 2; // 14 'Hello'; // Hello
Значение выражения может иметь имя. Когда мы это делаем, сначала вычисляется выражение, а результирующее значение присваивается имени. Для этого мы будем использовать переменную.
const hello = 'Hello'; hello; // Hello
Переменные в JavaScript —
В JavaScript есть много способов объявить переменную и присвоить ей значение, например, var, let и const.
вар —
Изначально это единственный способ объявить переменную в JavaScript, но ES6 вводит два других способа объявления переменной let const .
//These are the some way to declare a variable using var keyword var name = 'Marjia' var salary = 5000; var num = 50; var bolean = true;
Когда var используются вне функции, они имеют глобальную область действия, тогда как var используются внутри функции, они доступны только в этой функции.
var global = 'Hello world';
function greet(){
var name = 'Marjia';
cosole.log('Hi my name is ' + name );
}
Здесь переменная global имеет глобальную область видимости, тогда как переменная имеет локальную область видимости, поэтому, если мы попытаемся получить доступ за пределами функции, мы получим ошибку ссылки.
var global = 'Hello world';function greet(){
var name = 'Marjia';
cosole.log('Hi my name is ' + name );}
console.log(name)
//ReferenceError: name is not defined.
позволить —
В настоящее время в основном let используется для объявления переменных, поскольку это улучшение по сравнению с var .
let greet = 'Hello everyone ';
let count = 10;
if(count > 5){
let hi = 'Say hi instead';
console.log(hi);}
let - это область действия блока, поэтому в приведенном выше примере мы пытаемся превысить hii за пределами оператора if, мы получим Reference Error.
Точно так же, как var , let можно обновить, но нельзя повторно объявить в области видимости. Но в отличие от var, let нельзя повторно объявить в той же области видимости.
let name='Tania'; name= 'Marjia //This will work fine let name='Tania'; let name=' Marjia';//This will give error.
Однако если та же самая переменная объявлена в другой области видимости, проблем не возникает.
let count = 20;
if(count>10){
let count = 10;
console.log(count);//Output:10 }
console.log(count);//Output:20
Таким образом, из-за этих фактов let более полезен, чем var, потому что с let нам не нужно запоминать имя переменной, объявленной в той же области видимости.
константа —
const объявляется с ключевым словом const, которое обычно используется для хранения постоянного значения, которое нельзя изменить позже. const также имеет ту же функциональность, что и let , const также является блочной областью.
Значение const нельзя обновить или повторно объявить
const greet = 'Hi everyone'; greet = 'Hello everyone';//TypeError: invalid assignment to const `greet'
Подобно let, если мы повторно объявим в области видимости, это выдаст ошибку.
const greet = 'Hi everyone'; const greet = 'Hello everyone'//SyntaxError: redeclaration of const greet.
Массивы в JavaScript —
Массивы JavaScript используются для хранения нескольких значений в одной переменной. — w3schools
Подход JavaScript к массивам немного отличается. В JavaScript нет типа данных, называемого массивом. Вместо этого массивы — это объекты в JavaScript.
Объект JavaScript может одновременно содержать разные типы данных (строка, целое число, логическое значение):
let person = {
firstName: “John”,
lastName: “Doe”,
age: 20
};// Example of a JavaScript Object
Поскольку массив в JS — это объект (с другим синтаксисом), они также могут содержать разные типы данных:
let array = [1, 2, "hello world", 3.14, true];
Некоторые ключевые моменты Array:
- У каждого элемента массива есть местоположение, называемое index.
- Мы можем получить доступ к элементу массива, обратившись к его индексу.
- Индексы массива всегда начинаются с 0, что указывает на первый элемент массива.
Объекты JavaScript —
По очень простому определению, объекты — это не что иное, как набор различных типов данных. Объект может быть создан с фигурными скобками {…} с необязательным списком свойств. Свойство — это пара «ключ: значение», где ключ — это строка (также называемая «именем свойства»), а значение может быть любым.
let school = {
name : "J K School",
location : "Dhaka"
established : "1999"
}
В приведенном выше примере «имя», «местоположение», «установлено» — все это «ключи» и «JK School», «Dhaka» и 1999 являются значениями этих ключей соответственно.
Я надеюсь, что вы нашли эту статью полезной, если вы поставили ей 👏, и поделитесь ею со своими друзьями и всеми, кто начинает с JavaScript.
