Переменные JavaScript - Глобальные и локальные переменные - httpdoc.ru

Переменные JavaScript - глобальные и локальные переменные

Переменная JavaScript - переменные используются для хранения данных, например нить текста, числа и т. д. Данные или значения, хранящиеся в переменных, могут быть установлены, обновлены и извлечены. Как правило, переменные представляют собой символические имена значений.

Переменная может быть создана с помощью var ключевого слова, тогда как оператор присваивания = используется для хранения значения в переменной, Пример: var VarName=Value;


Правила для переменных JavaScript

  • Всем переменным JavaScript должны быть присвоены уникальные имена (идентификаторы).
  • Все имена переменных должны начинаться только с буквы, символа подчеркивания (_) или доллара ($).
  • Можно использовать цифры (от 0 до 9), но только после первой буквы имени переменной, например: a1, a2, b5 и т. Д.
  • В именах переменных нельзя использовать пробелы. Вы можете использовать подчеркивание (-) для разделения двух слов вместо использования пробела
Примечание. Имена переменных в JavaScript чувствительны к регистру, это означает, что $ myvar и $ myVar - две разные переменные. Так что будьте осторожны при определении имен переменных.
Совет: всегда давайте переменным осмысленные имена. Кроме того, для именования переменных, содержащих несколько слов, обычно используется camelCase. В этом соглашении все слова после первого должны иметь первые буквы в верхнем регистре, например myVariableName.

Объявление (создание) переменных JavaScript

var Используется ключевое слово , чтобы объявить переменную JavaScript

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Variable var Keyword </title> 
</head> 
<body>

<script>  
 var x = 10;  
 var y = 20;  
 var z = x + y;  
 document.write(z);  
</script>  

</body>
</html>

Выход

JavaScript Variable var Keyword 30

Примечание. В JavaScript, если переменная была объявлена, но ей не было явно присвоено значение, ей автоматически присваивается значение undefined .

Локальная переменная JavaScript

Локальная переменная JavaScript - это переменная, к которой можно получить доступ только внутри функции или блока, в которых она объявлена. К нему нельзя получить доступ извне этой функции.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Local Variables </title> 
</head> 
<body>

<h1> JavaScript local Variable </h1>
 <p id="demo"></p>
  <script>
   function Example(a, b) {
    return a * b;
	}
  document.getElementById("demo").innerHTML = Example(3, 6);
  </script>
</body>
</html>

Выход

JavaScript Local Variables

18


Глобальная переменная JavaScript

Глобальная переменная - это переменная, которая объявлена ​​вне области видимости какой-либо функции, и к ней можно получить доступ и управлять ею с помощью любой функции.

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Global Variable </title> 
</head> 

<body>
 <script>  
  var data=10;//Global variable  
  function a(){  
  document.writeln(data);  
  }  
  function b(){  
  document.writeln(data*5);  
  }  
   a();//calling JavaScript function 
   b();  
</script>
</body>
</html>

Выход

JavaScript Global Variable Examples 10 50

JavaScript let и const Ключевые слова ES6

ES6 вводит два новых ключевых слова let и const для объявления переменных. В const ключевых слов работает точно так же , как let , за исключением того, что переменные объявляются с использованием const не может быть переназначен значение позже в коде.

Пример

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Const Keyword </title> 
</head> 

<body>
    <script>
    // Declaring variables
    let name = "Kuldeep Bisht";
    let age = 11;
    let isStudent = true;
    
    // Printing variable values
    document.write(name + "<br>");
    document.write(age + "<br>");
    document.write(isStudent + "<br>");
    
    // Declaring constant
    const PI = 3.14;
    
    // Printing constant value
    document.write(PI); // 3.14
    
    // Trying to reassign
    PI = 10; // error
    </script>
    <p> Please check out the browser console by pressing the f12 key on the keyboard. </p>
</body> 
</html>

Выход

JavaScript Const Keyword Кульдип Бишт
11
верно
3,14

Примечание. Проверьте консоль браузера, нажав клавишу f12 на клавиатуре.


Примечание: пусть и константные ключевые слова не поддерживаются в старых браузерах , как IE10. IE11 поддерживает их частично.