Руководство для начинающих по JavaScript переменным и типам данных

Несколько важных вещей, которые нужно знать о переменных:

• Имя переменной может иметь буквы, цифры, знак доллара ( $_
• Переменная не может быть любым словом в списке зарезервированных ключевых слов .
• Переменные чувствительны к регистру.
• Соглашение об именах — camelCase , в котором переменная всегда начинается со строчной буквы, но каждое последующее слово начинается с заглавной буквы.

Совет: хотя переменная может иметь любое имя, важно выбрать имена, которые являются описательными, но краткими.

Типы данных

Теперь, когда мы знаем о переменных, мы можем узнать о типах данных, которые может содержать переменная.

Тип данных — это классификация данных. Языки программирования должны иметь разные типы данных для правильного взаимодействия со значениями. Вы можете делать математику с числом, но не с предложением, поэтому компьютер классифицирует их по-разному. Существует шесть примитивных (базовых) типов данных: строки, числа, логические, нулевые, неопределенные и символьные (новые в ES6). Примитивы могут содержать только одно значение. Все, что не является одним из этих примитивов, является Объектом . Объекты могут содержать несколько значений.

JavaScript известен как слабо типизированный язык (или слабо типизированный ), что означает, что язык автоматически определяет тип данных на основе используемого вами синтаксиса.

тестирование

alert()console.log()

 var x = 5;

alert(x);
console.log(x);

Вот демонстрация этих методов. alertconsole.logInspect . Я не буду ссылаться на них снова в этой статье, поэтому вы можете выбрать тот, который лучше всего подходит для практики. Я бы рекомендовал избегать alert

Вы всегда можете узнать тип переменной, используя typeof

 var answer = 42;

typeof answer // returns number

Струны

Строка — это серия символов.

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

• Строка может быть заключена в двойные кавычки ( " "

   "Pull the string, and it will follow wherever you wish."; // double   quoted string
  

• или одинарные кавычки ( ' '

   'Push it, and it will go nowhere at all.'; // single quoted string
  

Примечание. Одинарные кавычки — это то, что вы обычно называете апострофом, его не следует путать с обратной чертой, которая расположена слева от клавиатуры.

Оба конца строки должны совпадать, но в противном случае между ними нет разницы — это просто разные способы написания строки.

Но что, если я хочу написать, что я в строке в одинарных кавычках, или кто-то в строке в двойных кавычках? Разве это не сломает нить?

Будет, и есть два варианта борьбы с этим. Вы можете смело использовать цитаты противоположного типа:

 "Damn it, man, I'm a doctor, not a torpedo technician!"; // using single quotes within a double quoted string
'"Do. Or do not. There is no try." - Yoda'; // using double quotes in a single quoted string

На протяжении всего проекта важно выбрать один стиль для последовательности для согласованности. Вы можете использовать обратную косую черту ( \экранирования строки.

 'Damn it, man, I\'m a doctor, not a torpedo technician!'; 
"\"Do. Or do not. There is no try.\" - Yoda";

Мы можем применять строки к переменным. Давайте использовать мой пример greeting

 var greeting = "Oh hi, Mark!";

Строки также могут быть связаны вместе в процессе, известном как конкатенация . Переменные и строки могут быть объединены с помощью символа плюс ( +

 var greeting = "Oh hi, " + "Mark" + "!"; // returns Oh hi, Mark!

Обратите внимание, что пустое пространство также является символом в строке. В приведенном ниже примере мы увидим, как конкатенация может быть полезна.

 var message = "Oh hi, ";
var firstName = "Mark";
var bam = "!";

var greeting = message + firstName + bam; // returns Oh hi, Mark!

Теперь все строки представлены переменными, которые могут меняться. Если вы когда-либо заходили в приложение (например, в свою электронную почту) и встречали ваше имя, вы можете увидеть, как ваше имя — просто строка в переменной в их системе.

чисел

Число — это числовое значение.

Числа не имеют никакого специального синтаксиса, связанного с ними, как строки. Если вы поместите число в кавычки ( "5" Число может быть целым или десятичным (известно как число с плавающей запятой) и может иметь положительное или отрицательное значение.

 var x = 5; // whole integer
var y = 1.2; // float
var z = -76; // negative whole integer

Номер может содержать до 15 цифр.

 var largeNumber = 999999999999999; // a valid number

Вы можете сделать обычную математику с числами — сложение ( +-/+

 var sum = 2 + 5; // returns 7
var difference = 6 - 4; // returns 2

Вы можете сделать математику с переменными.

 var elves = 3;
var dwarves = 7;
var men = 9;
var sauron = 1;

var ringsOfPower = elves + dwarves + men + sauron; // returns 20

 var nope = 1 / "One"; // returns NaN

 var beyond = 1 / 0; // returns Infinity

 var isChecked = true;

 /* Check if 7 is greater than 8 */
7 > 8; // returns false

/* Check if a variable is equal to a string */
var color = "Blue";

color === "Blue"; // returns true

 var thing; // returns undefined

 typeof anotherThing; // returns undefined

 var empty = null;

 var sym = Symbol();

 var batman = {};

 var batman {
  firstName: "Bruce", // string
  lastName: "Wayne", 
  location: "Gotham", 
  introduced: 1939, // number
  billionaire: true, // Boolean
  weakness: null // null
};

 batman.firstName; // returns Bruce, a string

 batman["firstName"]; // returns Bruce

 batman.secret identity; // invalid
batman["Secret Identity"]; // valid

 var batman {
  firstName: "Bruce",
  lastName: "Wayne", 
  secretIdentity: function() { // method
    return this.firstName + " " + this.lastName;
  }
};

 batman.secretIdentity(); // returns Bruce Wayne, a concatenation of two properties

 var ninjaTurtles = [];

 var ninjaTurtles = [
  "Leonardo",
  "Michelangelo",
  "Raphael",
  "Donatello"
];

 var leader = ninjaTurtles[0]; // assigns Leonardo to the leader variable

 ninjaTurtles.length; // returns 4