Bringen Sie sich einige leistungsstarke Tipps und Tricks bei, die den meisten Entwicklern nicht bekannt sind

JavaScript ist aufgrund seiner Funktionen und seiner breiten Community die am häufigsten verwendete Sprache. Ich benutze JS seit 5 Jahren als Hauptstapel und trotzdem gibt es so viele Konzepte, die mir auch noch unbekannt sind, aber in diesen Jahren stoße ich auf viele Tipps und Tricks, die mir helfen. Als JS-Entwickler sollten Sie einige von ihnen kennen.

Leistungs-Timing

Möchten Sie überprüfen, wie lange die Ausführung Ihres Codes dauert? JS hat eine performance.now()Methode, die die Zeit in ms(milisecond)zurückgibt. Sie können Ihre Methode umschließen, um die Ausführungszeit herauszufinden.

const firstTime = performance.now()
something()
const secondTime = performance.now()
console.log(`Average time function took ${secondTime - firstTime} milliseconds`)

Es ist wirklich einfach, lasst uns tauschen:

let p = 99, q = 100
[a, b] = [b, a]
console.log(a) // result -> 100
console.log(b) // result -> 99

Wie Sie alle wissen, ist die traditionelle Methode zum Konvertieren von Zahlen in Zeichenfolgen und Zeichenfolgen in Zahlen:

let num = 100
let numTostring = num.toString()
let str = "100"
let strToNum = Number(str)

let num = 100
let str = "100"
let numTostring = num + "" // number to string
let strToNum = +s  // string to number

Funktionale Vererbung ist der Prozess des Erbens von Features durch Anwenden einer Erweiterungsfunktion auf eine Objektinstanz. Die Funktion bietet einen Schließungsbereich, mit dem Sie einige Daten privat halten können. Die Erweiterungsfunktion verwendet die dynamische Objekterweiterung, um die Objektinstanz mit neuen Eigenschaften und Methoden zu erweitern. Weitere Informationen finden Sie hier

// Base function
let drinks = (data) => {
  let res = {} // Create an empty object
  that.name = data.name // Add it a "name" property
  return res // Return the object
};

// Fuction which inherits from the base function
let coffee = (data) => {
  // Create the Drinks object
  let res = Drinks(data)
  // Extend base object
  that.giveName = function() {
    return 'This is ' + that.name
  };
  return res
};

// Usage
let firstCoffee = Coffee({ name: 'Cappuccino' })
console.log(firstCoffee.giveName())
// Output: "This is Cappuccino"

WAS .map()hat auch ersetzt? JA:

let person = [
    { name: ‘Shampp’, age: 2 },
    { name: ‘Piter’, age: 4},
    { name: ‘Gabba’, age: 5},
    { name: ‘Siku’, age: 4},
    { name: ‘Pinku’, age: 5},
    { name: ‘Furry’, age: 9},
]


let personNames = Array.from(person, ({name}) => name)
console.log(personNames) 
// returns [“Shampp”, “Piter”, “Gabba”, “Siku”, “Pinku”, “Furry"]

Ja, ein Vorteil von lengthImmobilien, den die meisten von uns nicht kennen! Schauen wir uns das Beispiel an:

let array_values = [1, 2, 3, 4, 5, 6, 7, 8]  
console.log(array_values.length) 
// 8  
array_values.length = 5  
console.log(array_values.length) 
// 5  
console.log(array_values) 
// [1, 2, 3, 4, 5]
array_values.length = 0
console.log(array_values)
//[]

Wenn Sie den Index ignorieren möchten und dennoch Daten mit schleifen müssen, forüberprüfen wir eine andere Möglichkeit, die forSchleife zu verwenden

const names = ["Shampp", "Gabba", "Pinku"];

// Long Version
for (let i = 0; i < names.length; i++) {
  const name = names[i]
  console.log(name)
}

// Short Version
for (let name of names) console.log(name)

Polymorphismus ist eine objektorientierte Programmiersprache Konzept . Es bietet einfach die Möglichkeit, eine Eigenschaft, eine Funktion oder ein Objekt mit einer oder mehreren Implementierungen zu erstellen. Gleiches können Sie in JS erreichen. Lassen Sie es uns anhand eines Beispiels verstehen:

function Employee(name) {
    this.name = name;
    this.getName = () => {
        return this.name
    }
}

const employee = new Employee("sandy")

console.log(employee.getName()) // sandy

Employee.prototype.getDetails = function () {
    return this.name.toUpperCase()
}

console.log(employee.getDetails()) // SANDY

class Shape {
    area() {
        return 0
    }
}

class Circle extends Shape {
    constructor (radius) {
        super(); // needed to use this
        this.radius = radius
    }

    area() {
        return Math.PI * this.radius * this.radius
    }
}

class Rectangle extends Shape {
    constructor (width, height) {
        super()
        this.width = width
        this.height = height
    }

    area() {
        return this.width * this.height
    }
}

const circle = new Circle(2)
const rectangle = new Rectangle(5, 6)

console.log(circle.area())
console.log(rectangle.area())

Das ist alles, was ich mit euch teilen möchte. Ich hoffe, ihr habt bisher großartig gelernt. Danke fürs Lesen.

Weitere Inhalte auf plainenglish.io