4 Корисні заяви JavaScript, які ви повинні знати

Вимоги JavaScript дають нам силу реалізувати різні типи логіки в нашому коді. JavaScript надає нам декілька з них, кожна з яких має свою мету і синтаксис. Серед найбільш відомих прикладів можна знайти оператори виразів, операції ітерації, умовні оператори тощо

У сьогоднішньому пості ми побачимо чотири менш поширених оператора JavaScript Ви, можливо, не знали раніше, але можете поглибити свої знання JavaScript і дозволити вам писати кращий код.

1. Пуста заява

На зміну будь-якої операції JavaScript можна додати порожню операцію, яка записана як одна точка з комою ;. Коли інтерпретатор JavaScript інтерпретує порожню операцію, код не виконується, тому вони можуть бути корисні замінити підтвердження, які ви не хочете виконувати.

Наприклад, припустимо, що викликається змінна лакмус із значенням за замовчуванням нейтральний. На підставі значення іншої змінної називається рН, лакмус зміни кислий при рН < 7 or основний при рН> 7.

Якщо значення рН виявляється недійсним, викидається помилка. Для стан наприклад, застосовуються такі умовні оператори:

 var litmus = 'нейтральний'; var pH; якщо (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

Однак наведений вище випадок висловлює помилку, коли рНЇї величина - 7, що не повинно бути.

Коли рН 7, лакмус має зберегти значення за замовчуванням, тобто нейтральний. Отже, для подібного випадку додайте умову, коли рН є 7 з кінцевою порожньою операцією.

 var litmus = 'нейтральний'; var pH; якщо (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

Тепер, коли рН 7, інтерпретатор не виконує жодних інструкцій, і лакмус зберігає значення за замовчуванням, нейтральний.

Порожні оператори також можуть використовуватися для заповнення масиву за допомогою для петлі.

 var ary = []; для (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

Як правило, a для за цими операторами слідує суб-оператор, який складається з однієї або блокової операції (вкладеної в фігурні дужки) для виконання. Використовуючи порожню операцію замість суб-оператора, інтерпретатор не матиме нічого для виконання після кожного циклу, так тільки петля відбувається, і умови циклічності виконуються.

У наведеному вище прикладі, [i ++] = i виконується для кожної ітерації циклу як частина циклічного стану, і масив ар отримує екземпляр з значеннями i.

2. відладчик Заява

У засобах налагодження ми можемо додати маркери називається контрольні точки до будь-якого рядка вихідного коду позначте рядки, з яких почнеться налагодження.

У JavaScript, відладчик заяву працює так само, як точка зупину, хіба що додано безпосередньо до вихідного коду, замість інструменту. Будь-який запущений відладчик буде зупинити виконання сценарію коли вона досягає відладчик оператор, щоб допомогти вам налагодити код.

Пам'ятайте, що налагодження буде спрацьовувати тільки якщо сценарій працює в режимі налагодження, програма налагодження вже запущена під час виконання сценарію. Якщо під час інтерпретації поточної програми відладчика немає відладчик Висловлювання, перекладач буде продовжувати свою роботу, як ніби нічого не відбулося.

Як швидкий тест, запустіть наступний код у Codepen, зберігаючи відкритий інструмент відладчика браузера:

 console.log ('tesing'); відладчик; console.log ('операція налагодження');

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

3. Позначена заява

У JavaScript ви також можете додати мітки до певних операторів. Роблячи це, ви можете пізніше перейти до позначеної заяви використовуючи її мітку у вашому коді, типу як і йти до Заява працює на деяких інших мовах.

Позначені оператори можна використовувати лише разом з перерву і продовжити операторів, як у JavaScript немає літерала йти до заяву.

Обидва перерву і продовжити може використовуватися тільки в циклах, таких як для петлі (за одним винятком, перерву можна використовувати в перемикач також). Отже, ми можемо маркувати петлі і використовувати перерву і продовжити контролювати їх виконання.

The синтаксису міток це просто, потрібно лише додати назву мітки з наступною двокрапкою, як ви можете бачити в прикладі нижче, петлі - це назва мітки, яку ми додаємо до для петлі.

 loop: for (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

При значенні i 2, виконання переходить назад у цикл замість того, щоб виконуватися, і, отже, запобігає виходу консолі “2”.

Тепер давайте розглянемо ще один приклад з перерву заяву. Просто замініть продовжити ключове слово з перерву у наведеному вище прикладі, і ви помітите, що замість того, щоб стрибати назад до петлі, як це робили з продовжити, петля закінчується / розривається взагалі.

 loop: for (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

Наведені вище приклади були досить простими, щоб можна було швидко зрозуміти, як працюють позначені позначення, але в реальному кодуванні мітки частіше використовуються в складних циклах, коли необхідно розрізняти різні петлі, як у наступному прикладі:

 loop: for (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

Ось зовнішній цикл перерви при значенні 2 для змінної i і на 1 для j, і консоль повертає наступний вивід:

 0-0 0-1 1-0 1-1 2-0

4. The с Заява

Коли інтерпретатор JS зустрічається з некваліфікованим ім'ям що не вказує, з яким об'єктом або функцією асоціюється виклик виконує пошук по ланцюжку масштабів для будь-якого відповідного об'єкта або функції може звертатися до виклику.

За допомогою с твердження, ми можемо додайте об'єкт у верхню частину ланцюга, і вказати, з яким об'єктом асоціюється виклик.

У наступному прикладі можна побачити, що властивості особи Об'єкт називається, використовуючи їхні імена тільки всередині с заяву.

 var person = firstName: "Джон", ім'я: "Доу", вік: "18", країна: "Гренландія"; with (person) console.log ("Привіт, мене звуть" + firstName + "" + lastName + ". Я" + вік + "років, і живу в" + країна + ".");  // "Привіт, мене звуть Джон Доу. Мені 18 років, і живу в Гренландії".

Порівняйте, як буде виглядати вищевказаний код без використання с заява:

 var person = firstName: "Джон", ім'я: "Доу", вік: "18", країна: "Гренландія"; console.log ("Привіт, мене звуть" + person.firstName + "" + person.lastName + ". Я" + person.age + "років, і живу в" + person.country + "." ); // "Привіт, мене звуть Джон Доу. Мені 18 років, і живу в Гренландії".

Ви можете побачити с оператор може бути великим ярликом, якщо ви працюєте з багатьма властивостями одного і того ж об'єкта.

Зауважте, що використання с заяву у суворому режимі заборонено, оскільки це може призвести до деякої плутанини.

Також рекомендується лише використовувати с оператор, якщо його внутрішні висловлювання використовують об'єкт, пов'язаний з с висловлювання, інакше перекладач буде витрачати час на вивчення об'єкта, про який йдеться с спочатку для всіх некваліфікованих назв властивостей, які він пізніше знаходить всередині с блок.