13 JavaScript bevált gyakorlatok

13 élvonalbeli JavaScript-funkció, amelyek felgyorsítják a fejlesztést

Az összes programozási nyelv közül a JavaScript messze a legnépszerűbb. Ez egy könnyű programozási nyelv első osztályú funkciókkal. Elsajátításával előreléphet a webfejlesztési karrierjében. Ezenkívül a bevált gyakorlatok elsajátítása elősegíti karrierjét. Ebben a rövid történetben megtudhat néhány hihetetlenül hasznos JavaScript-funkciót, amelyek javítják JavaScript-programozói képességeit.

Tehát kezdjük!

1. Használjon szigorú módot

Szigorú kódolási szabványok előírásához és a problémák korai felismeréséhez használja ause strictkeywords szót a JavaScript-kód elején. Használata lehetővé teszi a nem deklarált változók elkerülését, ami javítja a kód minőségét.

"use strict";
x = 5; // this will cause an error in strict mode

2. Használja a „let” és a „const” szavakat

A változók deklarálásakor használja aletésconst értéket a var helyett. Használja aletet, ha ismeri a változó értékét, és a const értéket, ha nem.

let greetings = "Hello World!";

const pi = 3.14;

3. Használja a `===` karakterláncot a `==` helyett

A Dupla egyenlő konvertálja a típust, és csak az értékegyenlőséget ellenőrzi. A triple equal azonban nem konvertálja a típust, hanem ellenőrzi a típust és az értéket is. Az alábbi példában a (===) operátor false értéket ad vissza, mivel x és y különböző típusú.

Általában, ha a (===) értéket különböző típusú értékekkel használja, akkor nem fog váratlan eredményeket elérni. A (===) használata javasolt.

const x = 10;
const y = "10";

// Using == operator (type coercion allowed)
console.log(x == y); // true

// Using === operator (type coercion not allowed)
console.log(x === y); // false

4. Írjon moduláris kódot

A kód tesztelése és karbantartása egyszerűbb lesz, ha felosztja kezelhető és újrafelhasználható funkciókra.

function add(a, b) {
  return a + b;
}
function subtract(a, b) {
  return a - b;
}
console.log(add(1, 2)); // 3
console.log(subtract(1, 2)); // -1

5. Beépített funkciók

Használja a már meglévő funkciókat. Számos beépített JavaScript-függvény létezik, például a Math.floor() és a Array.sort(), amelyek egyszerűsíthetik és javíthatják a kódot.

let number = Math.floor(3.14);
console.log(number); // 3

let numbers = [1, 2, 3, 4, 5];
numbers.sort((a, b) => a - b);

console.log(numbers); // [1, 2, 3, 4, 5]

6. Használja a nyíl függvényeket

Az ES6 JavaScripthez nyílfüggvényeket adtunk. Használja a „() =>” nyílfüggvényeket az érthető és olvasható JavaScript-függvényekhez.

const add = (a, b) => a + b;

const subtract = (a, b) => a - b;

console.log(add(1, 2)); // 3
console.log(subtract(1, 2)); // -1

7. Sablon literálok

A sablon literálok dupla vagy szimpla idézőjelek helyett backtick (``) karakterek közé vannak zárva. A sablonliterálok használatával a változók és kifejezések könnyen interpolálhatók karakterláncokba. A módszer neve „karakterlánc-interpoláció”.

let name = "John Doe";
console.log(`Hello ${name}!`); // Hello John Doe!

8. Objektum destrukció

Az objektum-destructuring egy technika az objektumok értékek eltávolítására és a kód optimalizálására. A JavaScript Object Destructuring kifejezés használatával hozzáférhet az objektumokban, például tömbökben, objektumokban és térképekben található információkhoz, és hozzárendelheti azokat új változókhoz. Ez az objektum-destrukció lehetővé teszi a változók gyors létrehozását az objektum tulajdonságaiból.

let person = { name: "John Doe", age: 30 };

let { name, age } = person;

console.log(name, age); // John Doe 30

9. Globális változók

A függvényen kívül deklarált változók globális hatókörrel rendelkeznek. A JavaScript-programokban bárhonnan hozzáférhet a globális változókhoz.Bizonyosan kezelje a globális változókat, és okosan használja őket a JavaScriptben, mivel elnevezési ütközéseket okozhatnak, és rossz kódolásnak minősülnek. gyakorlatok.

// global variable
var message = "Hello World!";

function showMessage() {
  console.log(message); // Hello World!
}

10. Használja megfelelően a „null” és a „undefined” szavakat

A nulla a JavaScript primitív típusa, amely üres értéket jelent. Ha egy változót nullra állít be, annak nincs értéke. Ezzel szemben a undefined azt jelenti, hogy egy változó deklarálva van, de még nem kapott értéket.

Ismerje meg a különbséget a null és undefined között, és használja őket megfelelően, hogy elkerülje a váratlan eredményeket a kódban.

let message;
console.log(message === undefined); // true

message = null;
console.log(message === null); // true

11. Használd az ígéreteket

A Promises hatékony eszköz az aszinkron műveletek kezelésére JavaScriptben. Az ígéretek alapos ismerete segít hatékonyabban írni a kódot.

let promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Hello World!"), 1000);
});
promise.then(message => console.log(message)); // Hello World!

12. Használja a modern JavaScript funkciókat

Hatékonyabb és elegánsabb kódhoz használjon olyan modern JavaScript-szolgáltatásokat, mint az async/await. A „W3Schools” kijelenti, „az async and await megkönnyíti az ígéretek megírását”.

async function getData() {
  let response = await fetch("https://api.example.com");
  let data = await response.json();
  return data;
}
getData().then(data => console.log(data));

13. JavaScript könyvtárak és keretrendszerek

A JavaScript könyvtárak és keretrendszerek, például a jQuery és a React használatával a kód rendszerezésére és tisztítására időt és erőfeszítést takaríthat meg.

// jQuery
$("button").click(event => {
  console.log("Clicked!");
});

// React
function Button({ onClick }) {
  return <button onClick={onClick}>Click me!</button>;
}
ReactDOM.render(
  <Button onClick={() => console.log("Clicked!")} />,
  document.getElementById("root")
);

Következtetés

Mára ennyi! Nagyon remélem, hogy hasznosnak találja; ha igen, mindenképpen tapsolj és oszd meg másokkal. Kérdezz bármit a Twitter-en, ha bármilyen kérdése van.

Kövess a Medium , Twitter, GitHub,oldalon Hashnode,és DEV.to további ehhez hasonló tartalmakért.

Boldog tanulást!

További tartalom a PlainEnglish.io oldalon.

Iratkozzon fel ingyenes heti hírlevelünkre. Kövess minket a "Twitter", "LinkedIn", "YouTube" és "Discord"