Ajari diri Anda sendiri beberapa tip & trik ampuh yang tidak diketahui oleh sebagian besar pengembang

JavaScript adalah bahasa yang paling umum dan paling banyak digunakan karena fungsinya dan komunitasnya yang luas. Saya menggunakan JS sebagai tumpukan utama saya selama 5 tahun terakhir dan masih, ada begitu banyak konsep yang masih belum saya ketahui juga, tetapi di tahun-tahun ini saya menemukan banyak tip dan trik yang membantu saya. Jadi, sebagai pengembang JS, Anda harus mengetahui beberapa di antaranya.

Pengaturan Waktu Kinerja

Ingin memeriksa berapa banyak waktu yang dibutuhkan kode Anda untuk dieksekusi? Cukup sederhana, JS memiliki performance.now()metode yang akan mengembalikan waktu di. ms(milisecond)Anda dapat membungkus metode Anda untuk mengetahui waktu eksekusi.

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

Ini sangat sederhana, mari kita bertukar:

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

Seperti yang Anda ketahui, metode tradisional untuk mengubah angka menjadi string dan string menjadi angka:

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

Pewarisan fungsional adalah proses pewarisan fitur dengan menerapkan fungsi augmentasi ke instance objek. Fungsi tersebut menyediakan cakupan penutupan yang dapat Anda gunakan untuk menjaga kerahasiaan beberapa data. Fungsi augmentasi menggunakan ekstensi objek dinamis untuk memperluas instance objek dengan properti dan metode baru. Untuk lebih lanjut baca disini

// 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"

APA .map()juga penggantinya? IYA:

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"]

Ya, keunggulan lengthproperti yang tidak diketahui oleh sebagian besar dari kita! Mari kita lihat contohnya:

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)
//[]

Jika Anda ingin mengabaikan indeks dan masih perlu melakukan loop pada data dengan forLet's check out cara lain untuk menggunakan forloop

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)

Polimorfisme adalah konsep Bahasa Pemrograman Berorientasi Objek . Sederhananya, ia memberikan kemampuan untuk membuat properti, fungsi, atau objek yang memiliki satu implementasi dan lebih. Hal yang sama dapat Anda capai di JS. Mari kita pahami dengan satu contoh:

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())

Jadi, hanya ini yang ingin saya bagikan kepada kalian, semoga pembelajaran Anda sejauh ini. Terima kasih telah membaca.

Lebih banyak konten di plainenglish.io