Можете да научите много от тази колекция, така че я разгледайте✨

Техниките за стенограма на 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);






Благодаря ви, че прочетохте тази публикация

Благодаря ви за вашата непоколебима подкрепа и ангажираност. Вашето присъствие и принос означават света за нас. Ние ценим вашите отзиви и оценяваме времето, което прекарвате с нас. Вие ни вдъхновявате да се подобряваме и да създаваме по-добро изживяване. Благодарни сме, че сте част от нашата общност.