Можете да научите много от тази колекция, така че я разгледайте✨
Техниките за стенограма на JavaScript са кратки начини за писане на код, който може да опрости и рационализира вашите програмни задачи. Ето някои общи техники за стенография с примери:
1. Тернарен оператор (условен оператор):
Тернарният оператор, известен също като условен оператор, е съкратен начин за писане на израз if-else в някои езици за програмиране. Необходими са три операнда: условие, което да бъде оценено, стойност, която да бъде върната, ако условието е вярно, и стойност, която да бъде върната, ако условието е невярно.
Пример:
// Longhand if-else statement let age = 20; let message; if (age >= 18) { message = 'You are an adult.'; } else { message = 'You are a minor.'; } // Shorthand ternary operator let age = 20; let message = (age >= 18) ? 'You are an adult.' : 'You are a minor.'; console.log(message);
2. Оценка на късо съединение:
Оценката на късо съединение се възползва от логическите оператори &&
(И) и ||
(ИЛИ), за да оцени условията по-сбито.
Пример:
// Longhand if statement if (array && array.length > 0) { // Do something with the array } // Shorthand short-circuit evaluation array && array.length > 0 && doSomething(array);
3. Стойности на параметрите по подразбиране:
Стойност на параметър по подразбиране е стойност, която се използва, когато се извиква функция, без да се предава стойност за конкретен параметър.
Стойностите на параметрите по подразбиране бяха въведени в ECMAScript 2015 (ES6) и са удобен начин за избягване на грешки, когато функция се извиква с липсващи или недефинирани аргументи.
Пример:
// Longhand default parameter values function greet(name) { name = name || 'Guest'; console.log('Hello, ' + name + '!'); } // Shorthand default parameter values function greet(name = 'Guest') { console.log('Hello, ' + name + '!'); } greet(); // Output: Hello, Guest! greet('Lokesh'); // Output: Hello, Lokesh!
4. Съкращение на свойството на обекта:
Когато създаваме обекти, можем да използваме съкратена нотация, за да присвоим променливи като свойства на обект със същото име.
Пример:
// Longhand object property assignment let name = 'Lokesh'; let age = 30; let person = { name: name, age: age }; // Shorthand object property assignment let name = 'Lokesh'; let age = 30; let person = { name, age };
5. Задание за деструктуриране:
Присвояването на деструктуриране е функция, въведена в JavaScript ES6 (ECMAScript 2015), която ви позволява да извличате стойности от масиви или свойства от обекти и да ги присвоявате на променливи по по-кратък и удобен начин. Той опростява процеса на извличане на данни от сложни структури, правейки вашия код по-четлив и изразителен.
Синтаксисът за деструктуриране на присвояването използва набор от фигурни скоби {}
за обекти и квадратни скоби []
за масиви. Нека проучим как работи в различни сценарии:
Пример:
// Longhand array destructuring assignment let numbers = [1, 2, 3]; let a = numbers[0]; let b = numbers[1]; let c = numbers[2]; // Shorthand array destructuring assignment let numbers = [1, 2, 3]; let [a, b, c] = numbers; // Longhand object destructuring assignment let person = { name: 'John', age: 30 }; let name = person.name; let age = person.age; // Shorthand object destructuring assignment let person = { name: 'John', age: 30 }; let { name, age } = person;
6. Функции на стрелките:
Функциите със стрелки осигуряват кратък синтаксис за писане на функционални изрази. Те са особено полезни за писане на по-кратки и по-четими функции за обратно извикване.
// Longhand function expression let add = function(a, b) { return a + b; }; // Shorthand arrow function let add = (a, b) => a + b;
7. Шаблонни литерали:
Шаблонните литерали са съкратен начин за свързване на низове и вграждане на изрази в обратни отметки (`) вместо използване на оператори за свързване или интерполация на низове.
Пример:
// Longhand string concatenation let name = 'Lokesh'; let greeting = 'Hello, ' + name + '!'; // Shorthand template literal let name = 'Lokesh'; let greeting = `Hello, ${name}!`;
8. Методи за масиви (карта, филтриране, намаляване):
JavaScript предоставя методи за масиви като map()
, filter()
и reduce()
, които ви позволяват да извършвате общи операции върху масиви по кратък и изразителен начин.
Пример:
let numbers = [1, 2, 3, 4, 5]; // Longhand map let doubled = numbers.map(function(num) { return num * 2; }); // Shorthand map with arrow function let doubled = numbers.map(num => num * 2); // Longhand filter let evens = numbers.filter(function(num) { return num % 2 === 0; }); // Shorthand filter with arrow function let evens = numbers.filter(num => num % 2 === 0); // Longhand reduce let sum = numbers.reduce(function(acc, num) { return acc + num; }, 0); // Shorthand reduce with arrow function let sum = numbers.reduce((acc, num) => acc + num, 0);
Благодаря ви, че прочетохте тази публикация
Благодаря ви за вашата непоколебима подкрепа и ангажираност. Вашето присъствие и принос означават света за нас. Ние ценим вашите отзиви и оценяваме времето, което прекарвате с нас. Вие ни вдъхновявате да се подобряваме и да създаваме по-добро изживяване. Благодарни сме, че сте част от нашата общност.