Что такое переменная в JavaScript?

Поскольку заголовок: «Что такое переменная в JavaScript? “Мы будем говорить о переменных в JavaScript. Каждый высокоуровневый языки программирования имеют переменные. Если мы определяем переменную в простом термине, переменная является действующей как контейнер, в котором хранится значение или набор значений. Но в этом блоге мы собираемся узнать о переменной более подробно. Как всегда, я разделил этот блог на 6 разделов. Пожалуйста, прочитайте их, чтобы получить основную концепцию переменных в JavaScript. Это список разделов:

1. Что такое переменная?
2. Статически напечатанный язык против динамически напечатанного языка
3. Типы данных
4. Объявление переменных в JS
5. Разница между VAR и ES6 Let, const
6. Неизменная и изменчивая

Итак, давайте погрузимся ….

1. Что такое переменная?

Как мы определили переменную как контейнер для определенного значения или набора значений. На самом деле это действует как адрес памяти, где хранится значение. Значение переменной всегда меняется. Есть что -то называемое const который используется для хранения постоянной, которая никогда не меняется после объявления об этом. Конечно, мы поговорим об этом позже в этом блоге.

2. Статически напечатанный язык против динамически напечатанного языка

Существует два типа языков программирования на основе объявления переменной, и один из них – «Статически напечатанный язык» а другой – ‘Динамически напечатанный язык’ (также называется слабо напечатанным языком). Языки программирования, такие как C, C ++ и Java, являются статически напечатанными языками, на которых такие языки, как Ruby, Python и JavaScript, являются динамически напечатанными языками. Может быть, вы думаете о том, что является статически напечатанным языком и динамически напечатанным языком. Статически напечатанный язык – это язык, на котором переменная может хранить только один конкретный тип данных (например, целые числа, десятичные цифры, строка и логические, вы узнаете о них позже в этом блоге). Язык, который может хранить любой дат данных, называется динамически напечатанным языком.

// Statically typed language 
// Java Syntax
int n1 = 8;
float n2 = 3.14;
double n3 = 34.5353524342343;
String str = "Statically typed language";
boolean flag = true; 
// Variable n1 can only store integer type and like this n2 can only store float.

// Dynamically typed language 
// JavaScript Syntax
var n = 8;
n = 34.334;
n = {
  name: 'Mike',
  age: 30
}
let str = "Dynamically typed language";
const flag = true;
// Variable n can retain any type of values

3. Типы данных

Как правило, мы можем разделить дататипы на две разные группы. Первый – это примитивные данные дата, которые являются численными, строковыми, логическими, неопределенными и нулевыми. Массив, функция, объект, дата и другие – все объекты.

Число

В статически напечатанных языках, таких как Java много разных данных данных ( int , float , двойной , длинный и короткий ) представлять числа. Но в JS есть только один дата данных для чисел, и это номер сам представлять целые числа и десятичное число.

// Numbers in JS
var integer = 8;
const float = 34.334;
let double = 34543.4543545;

Нить

Как его имя, строка – это группа символов (простыми словами строка – это просто текст). Этот дат данных является одним из важных, потому что вы собираетесь взаимодействовать с строками в приложениях или веб -сайтах повседневного использования. Вы можете обернуть строковое значение в одну цитату («одиночная цитата»), двойная цитата («двойная цитата»), а новая, которая является частью ES6 (ES 2015), является буквальным шаблоном ( Template Literal ) Анкет

// Strings in JS
var doubleQ = "double quote";
const singleQ = 'single quote';
let tempLit = `template literal`;

Логический

У Boolean есть только два значения, Верно и ложный Анкет Boolean в основном используется в условных утверждениях, где мы проверяем некоторые условия, которые могут вернуть либо Верно или ЛОЖЬ . Вы столкнетесь с Boolean во многих программировании. Есть некоторые новички, которые помещают логические значения в цитату, как строка, которая неправильно. Логические значения не требуют каких -либо цитат или буквальных букв. Мы также можем проверить логические значения для выражений. Мы можем когда -нибудь позвонить правда Значение, которое верно и фальсификация для ложного значения. Все значения являются правдой, за исключением единственных фальшивых значений, которые являются ложный , 0 , НАН , 0n , NULL и неопределенное Анкет

// Boolean in JS
var truthy = true;
const falsy = false;
if(5+6) // this expression will be true.
if("") // this expression will be false.

Неопределенная и нулевая

Иногда люди думают, что неопределенными и нулевыми похожи, где неопределенным является неопределенный дат, а нулевой является объектом. Если новая переменная объявлена без какого -либо назначения данных, то это неопределенный . Мы можем назначить NULL как значение для конкретной переменной.

// Undefined and Null in JS
var integer; // Now the variable 'integer' contains undefined
const float = 34.334;
float = null; // Now the variable 'float' contains null

Объект

У JavaScript есть специальный дат данных под названием объект . Если мы определяем объект в простом термине, то объект – это просто набор пар (ключа: значение). Большинство функций, поддерживаемых JS, являются объектами. Все вышеперечисленные данные дата являются фундаментальными датами, что означает, что они неизбежны в JS. В значении из клавишной пары объекта может быть любой из вышеуказанных данных данных, включая сам объект. Как мы знаем, ноль является объектом.

// Objects in JS
var briefBio = {
   name: 'John',
   age: 45,
   married: true,
   job: 'Full Stack Web Developer'
}; // This is a simple object
const array = ['Hello',53,true]; // This is an array
function age(yearOfBirth,currentYear){ // This is a function
  console.log(currentYear - yearOfBirth);
}

4. Объявление переменных в JS

У нас есть некоторые ограничения в объявлении переменных. Каждый разработчик должен следовать этим ограничениям, которые являются частью лучших практик. Лучшие практики позволяют разработчикам писать чистый код, легче отлаживать и сотрудничать по проекту и постоянную согласованность в кодах разных программистов.

• Имя переменной всегда должно начинаться с буквы или $, мы не можем использовать что -либо еще для начала имени переменной.
• Имя переменной должно быть значимым, что является лучшей практикой. Вы можете дать имя переменной, которое не связано со значением в нем. Позже это может создать трудности для вас и любого другого программиста, которые получают ваш проект.
• Переменная должна быть одно слово. Мы не можем использовать пространства в имени переменной, но если у вашего имени переменной есть более одного слова, вы можете использовать подчеркивание (_) вместо пространства для разделения слов. Ваша переменная имя не должно быть больше 2 или 3 слов. Вы также можете использовать корпус верблюда, где стартовая буква имени переменной будет небольшим, а начальная буква оставшихся слов в переменной будет заглавная капитала ( var; ).
• Вы не можете использовать ключевые слова javascript ( let , class , функция , Верно ,так далее.) как имя переменных. В JS есть несколько зарезервированных слов, которые также недоступны для объявления имени переменной. Фото из Ecmascript International

// Variable declaration in JS
let $favoriteFood = 'light foods'; // variable name starting with $
const lucky_number = 93; // variable name using underscore
var briefBio = { // Camel Case
   name: 'John',
   age: 45,
   married: true,
   job: 'Full Stack Web Developer'
}; 

5. Разница между VAR и ES6 Let, const

Ключевое слово пусть и const прибыли в JS в 2015 году, когда Ecmascript объявил об этом ES6 (ES 2015). До этого времени большинство разработчиков использовали var объявить переменные. Есть также некоторые люди, которые все еще используют var Cегодня. Основное различие между var и пусть это когда мы объявляем переменную, используя вар Ключевое слово, мы можем объявить переменную с тем же именем столько, сколько хотим. Это делает несоответствия в коде, которые могут стать подверженными ошибкам. Используя var Ключевое слово мы можем объявить столько переменных с тем же именем, сколько хотим. Где пусть Ключевое слово не допускает эту ошибку. Мы можем объявить только переменную с определенным именем только один раз с пусть ключевое слово. Если вы попытаетесь объявить переменную с именем, которая уже была взята какой -то другой переменной, двигатель браузера JS будет генерировать ошибку на консоли. Оставшиеся const Ключевое слово такое же, как и пусть Ключевое слово, за исключением того, что значение переменной, которая объявляется с использованием const не может быть изменен после объявления. Где значение переменной объявлено с использованием пусть Ключевое слово можно изменить, назначив значение переменной.

// Difference between var and ES6 let, const in JS
var $favoriteFood = 'light foods';
var $favoriteFood = 45; // This is allowed with var keyword

let lucky_number = 93;
let lucky_number = 'Junk food'; // This will generate error 

6. Необычный и изменчивый данных дата

Что такое неизменные и изменчивые данные дата? Необвисываемое означает, что мы не можем изменить значение переменной явно, то есть, если мы хотим изменить значение переменной, то мы можем присвоить новое значение, используя оператор назначения (=). Изменяние означает значение переменной может быть явно изменено. Давайте посмотрим на код ниже.

// Mutable
let person = {
  name: 'Miracle',
  age: 23
}
let arr = [34,55,89,00,23];
arr[3] = 83;
person.name = 'Mike';
/* 
After executing the above statements the person object will be something like below
The new value of person object
person = {
  name: 'Mike',
  age: 23
}
The new value of array
arr = [34,55,89,83,23];

In immutable we don't need to assign the whole object to change one single value like the below
person = {
  name: 'Mike',
  age: 23
}
*/

//Immutable
let job = 'teacher';
job = 'Developer';
let retirement = 60;
retirement = 66;
/* 
After executing the above statements the job variable will be something like below
The new value of job variable
job = 'Developer';
The new value of retirement variable
retirement = 66;
*/

Наконец, мы сейчас находимся в конце этого блога, и я надеюсь, что все вы, ребята, узнали кое -что о переменных в JavaScript и наслаждались этим постом. Пожалуйста, дайте мне знать мои потребности в написании блогов, если вы нашли во время этого блога через комментарии. Спасибо, что прочитали конец. Хорошего дня!:) 😉

Накрытие фото от Pixabay от Pexels

Оригинал: “https://dev.to/vijaykumarktg18/what-is-variable-in-javascript-3d95”