Dondurma ve mühür arasındaki fark

JavaScript yöntemlerini yeni duydum freezeve sealherhangi bir Nesneyi değişmez hale getirmek için kullanılabilir.

İşte nasıl kullanılacağına dair kısa bir örnek:

var o1 = {}, o2 = {};
Object.freeze(o2);

o1["a"] = "worked";
o2["a"] = "worked";

alert(o1["a"]);   //prints "worked"
alert(o2["a"]);   //prints "undefined"

Arasındaki fark nedir freezeve seal? Performansı artırabilirler mi?

Object.seal

• Kapalı nesneye özellik eklenmesini ve / veya çıkarılmasını önler; kullanmak deleteyanlış döndürür
• Mevcut her bir özelliği yapılandırılamaz yapar : 'veri tanımlayıcılarından' 'erişim tanımlayıcılarına' dönüştürülemez (ve tersi) ve hiçbir erişim tanımlayıcılarının hiçbir özelliği değiştirilemez (oysa veri tanımlayıcıları writableniteliklerini değiştirebilir ve onların valuenitelik ise writeable) doğrudur.
• Bir atabilir TypeError(en yaygın olarak sızdırmaz nesnenin kendisi değerini değiştirmek için çalışırken katı modda )

Object.freeze

• Tam olarak ne işe yarar Object.seal, artı:
• Bu modifiye engelleyen herhangi bir varolan özellikleri

İkisi de 'derin' / torun nesnelerini etkilemez. Örneğin, objdondurulmuşsa, obj.elyeniden atanamaz, ancak değeri obj.eldeğiştirilebilir, örneğin obj.el.iddeğiştirilebilir.

Verim:

Bir nesneyi mühürlemek veya dondurmak, tarayıcıya bağlı olarak numaralandırma hızını etkileyebilir:

• Firefox: numaralandırma performansı etkilenmez
• IE: numaralandırma performansının etkisi ihmal edilebilir
• Krom: mühürlü veya donmuş nesnelerle numaralandırma performansı daha hızlı
• Safari: mühürlü veya donmuş nesneler% 92 daha yavaş numaralandırır (2014 itibariyle)

Testler: Mühürlü nesneler , Dondurulmuş nesneler .

Bu 3 yöntemi karşılaştıran bir test projesi yazdım :

• Object.freeze()
• Object.seal()
• Object.preventExtensions()

Birim testlerim CRUD vakalarını kapsar:

• [C] yeni mülk ekle
• [R] mevcut özelliği okudu
• [U] mevcut özelliği değiştir
• [D] mevcut mülkü kaldır

Sonuç:

Bunları her zaman MDN'de görebilirsiniz. Kısacası:

• Dondur : nesneyi değiştirilemez hale getirir, yani nesne olmadıkça tanımlı özellikte izin verilmez.
• Mühür : özelliklerin eklenmesini önler, ancak tanımlanan özellikler yine de değiştirilebilir.

Object.freeze()dondurulmuş bir nesne oluşturur, yani mevcut bir nesneyi alır ve temelde Object.seal()bu nesneyi çağırır , ancak writable:falsedeğerlerinin değiştirilememesi için tüm “veri erişimcisi” özelliklerini olarak işaretler . - Kyle Simpson, JS'yi Bilmiyorsun - This & Object Prototypes

ECMAScript 5'te Freeze ve Seal arasındaki farklara bakıyordum ve farklılıkları açıklığa kavuşturmak için bir senaryo oluşturdum. Frozen, veri ve yapıyı içeren değişmez bir nesne yaratır. Mühür, adlandırılan arayüzlerde değişiklik yapılmasını önler - ekleme, silme yok - ancak nesneyi değiştirebilir ve arabiriminin anlamını yeniden tanımlayabilirsiniz.

function run()
{
    var myObject = function() 
    { 
        this.test = "testing"; 
    }

    //***************************SETUP****************************

    var frozenObj = new myObject();
    var sealedObj = new myObject();

    var allFrozen = Object.freeze(frozenObj);
    var allSealed = Object.seal(sealedObj);
    alert("frozenObj of myObject type now frozen - Property test= " + frozenObj.test);
    alert("sealedObj of myObject type now frozen - Property test= " + sealedObj.test);

    //***************************FROZEN****************************

    frozenObj.addedProperty = "added Property"; //ignores add
    alert("Frozen addedProperty= " + frozenObj.addedProperty);
    delete frozenObj.test; //ignores delete
    alert("Frozen so deleted property still exists= " + frozenObj.test);
    frozenObj.test = "Howdy"; //ignores update
    alert("Frozen ignores update to value= " + frozenObj.test);
    frozenObj.test = function() { return "function"; } //ignores
    alert("Frozen so ignores redefinition of value= " + frozenObj.test);

    alert("Is frozen " + Object.isFrozen(frozenObj));
    alert("Is sealed " + Object.isSealed(frozenObj));
    alert("Is extensible " + Object.isExtensible(frozenObj));

    alert("Cannot unfreeze");
    alert("result of freeze same as the original object: " + (frozenObj === allFrozen).toString());

    alert("Date.now = " + Date.now());

    //***************************SEALED****************************

    sealedObj.addedProperty = "added Property"; //ignores add
    alert("Sealed addedProperty= " + sealedObj.addedProperty);
    sealedObj.test = "Howdy"; //allows update
    alert("Sealed allows update to value unlike frozen= " + sealedObj.test);
    sealedObj.test = function() { return "function"; } //allows
    alert("Sealed allows redefinition of value unlike frozen= " + sealedObj.test);
    delete sealedObj.test; //ignores delete
    alert("Sealed so deleted property still exists= " + sealedObj.test);
    alert("Is frozen " + Object.isFrozen(sealedObj));
    alert("Is sealed " + Object.isSealed(sealedObj));
    alert("Is extensible " + Object.isExtensible(sealedObj));

    alert("Cannot unseal");
    alert("result of seal same as the original object: " + (sealedObj === allSealed).toString());

    alert("Date.now = " + Date.now());
}

Biraz geç olabileceğimi biliyorum ama

• Benzerlik: her ikisi de genişletilemeyen nesneler oluşturmak için kullanılır .
• Fark: Dondurma'da yapılandırılabilir, nesnenin numaralandırılabilir ve yazılabilir nitelikleri olarak ayarlanır false. burada Mühürlü yazılabilir özellik olarak ayarlanır trueve geri kalan özellikler yanlıştır.

Artık tüm nesneyi dondurmak yerine tek bir nesne özelliğini dondurulmaya zorlayabilirsiniz. Sen ile bunu başarabilirsiniz Object.definePropertyile writable: falsebir parametre olarak.

var obj = {
    "first": 1,
    "second": 2,
    "third": 3
};
Object.defineProperty(obj, "first", {
    writable: false,
    value: 99
});

Bu örnekte, obj.firstdeğeri 99 olarak kilitlenmiştir.

Aşağıdaki işlevleri karşılaştırmak ve bu işlevler arasındaki farkı açıklamak için basit bir tablo oluşturdum.

• Object.freeze ()
• Object.seal ()
• Object.preventExtensions ()