Destructuring etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Destructuring etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

16 Eylül 2019 Pazartesi

ES6 Destructuring

Giriş
ES6 ile geliyor. Açıklaması şöyle.
Destructuring assignment should reside inside a function where a variable should be available:
Örnek
Şöyle yaparız.
function UpdateUserProps(user, updatedUser) {
    const { email, status } = updatedUser;
    user.email = email;
    user.status = status;
    return user;
}
Örnek
Şöyle yaparız.
function example(obj, ...rest) {
    let number, str;
    if (rest.length === 2) {
        [number, str] = rest; // This is called "destructuring assignment"
    } else {
        [str] = rest;
    }
    if (typeof number === "string") {
        // Caller provided a string, not anumber, as the second
        // argument; move things around
        str = number;
        number = undefined;
    }
    console.log("obj", obj);
    console.log("number", number);
    console.log("str", str);
}
console.log('Calling example({}, 42, "forty-two");');
example({}, 42, "forty-two");
console.log('Calling example({}, "no number given");');
example({}, "no number given");