Чи є спосіб Object.freeze () дати JavaScript?

Question 1

Відповідно до документації MDNObject.freeze() :

Object.freeze()Метод заморожує об'єкт: тобто, запобігає нові властивості від додавання до нього; запобігає видаленню існуючих властивостей; і запобігає зміні існуючих властивостей або їх перелічуваності, конфігурації або запису, По суті, об'єкт робиться фактично незмінним. Метод повертає заморожений об'єкт.

Я очікував, що виклик заморозки на дату запобіжить змінам цієї дати, але, схоже, це не працює. Ось що я роблю (запустивши Node.js v5.3.0):

let d = new Date()
Object.freeze(d)
d.setTime(0)
console.log(d) // Wed Dec 31 1969 16:00:00 GMT-0800 (PST)

Я б очікував, що заклик setTimeабо провалиться, або нічого не зробить. Будь-які ідеї, як заморозити побачення?

Question 2

Чи є спосіб Object.freeze () дати JavaScript?

Я не думаю. Ви можете наблизитися , однак, дивіться під рядком нижче. Але спочатку подивимося, чому просто Object.freezeне працює.

Я очікував, що виклик заморозки на дату запобіжить змінам цієї дати ...

Було б , якщо Date використовується властивість об'єкта , щоб тримати його внутрішнє значення часу, але це не так. Натомість використовується [[DateValue]] внутрішній слот . Внутрішні слоти не є властивостями:

Внутрішні слоти відповідають внутрішньому стану, який пов'язаний з об'єктами і використовується різними алгоритмами специфікації ECMAScript. Внутрішні слоти не є властивостями об’єкта ...

Отже, заморожування об’єкта ніяк не впливає на його здатність мутувати його [[DateValue]]внутрішній слот.

Ви можете заморозити a Date, або ефективно в будь-якому випадку: Замініть усі його методи мутатора на функції no-op (або функції, що видають помилку), а потім freezeїї. Але , як зазначено на zzzzBov (хороший один!) , Що не заважає кому - то робити Date.prototype.setTime.call(d, 0)(у навмисній спробі обійти заморожений об'єкт, або як побічний продукт якого - то складного коду вони використовують). Отже, це близько , але сигари немає.

Ось приклад (я використовую тут функції ES2015, оскільки я це бачив letу вашому коді, тому для його запуску вам знадобиться нещодавній браузер; але це можна зробити і з функціями лише ES5):

Показати фрагмент коду

"use strict";

let d = new Date();
freezeDate(d);
d.setTime(0);
snippet.log(d);

function nop() {
}

function freezeDate(d) {
  allNames(d).forEach(name => {
    if (name.startsWith("set") && typeof d[name] === "function") {
      d[name] = nop;
    }
  });
  Object.freeze(d);
  return d;
}
function allNames(obj) {
  var names = Object.create(null); // Or use Map here
  var thisObj;
  
  for (thisObj = obj; thisObj; thisObj = Object.getPrototypeOf(thisObj)) {
    Object.getOwnPropertyNames(thisObj).forEach(name => {
      names[name] = 1;
    });
  }
  return Object.keys(names);
}

<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

Expand snippet

Я думаю, що всі мутаторні методи Dateпочинають з set, але якщо не так, то це легко налаштувати вище.

Question 3

З документів MDNObject.freeze (наголос на моєму):

Значення не можна змінювати для властивостей даних. Властивості аксесуара (геттери та сетери) працюють однаково (і все одно створюють ілюзію, що ви змінюєте значення). Зверніть увагу, що значення, які є об'єктами, все ще можуть бути змінені, якщо вони також не заморожені.

Метод об'єкта Date setTimeне змінює властивість об'єкта Date, тому він продовжує працювати, незважаючи на замороження екземпляра.

Question 4

Це справді гарне запитання!

Відповідь TJ Crowder має відмінне рішення, але мене змусило задуматися: що ще ми можемо зробити? Як ми можемо обійти Date.prototype.setTime.call(yourFrozenDate)?

Перша спроба: "Обгортка"

Одним із прямих способів є надання AndrewDateфункції, яка обертає дату. У ньому є все, що має дата, за вирахуванням сетерів:

function AndrewDate(realDate) {
    var proto = Date.prototype;
    var propNames = Object.getOwnPropertyNames(proto)
        .filter(propName => !propName.startsWith('set'));

    return propNames.reduce((ret, propName) => {
        ret[propName] = proto[propName].bind(realDate);
        return ret;
    }, {});
}

var date = AndrewDate(new Date());
date.setMonth(2); // TypeError: d.setMonth is not a function

Це робить створення об’єкта, який має всі властивості, які має фактичний об’єкт дати та використовує Function.prototype.bindдля їх встановлення this.

Це не безглуздий спосіб збиратися навколо ключів, але, сподіваюся, ви бачите мій намір.

Але зачекайте ... дивлячись на це трохи далі тут і там, ми можемо побачити, що існує кращий спосіб зробити це.

2-а спроба: Довірені особи

function SuperAndrewDate(realDate) {
    return new Proxy(realDate, {
        get(target, prop) {
            if (!prop.startsWith('set')) {
                return Reflect.get(target, prop);
            }
        }
    });
}

var proxyDate = SuperAndrewDate(new Date());

І ми це вирішили!

...типу. Дивіться, Firefox на даний момент єдиний, хто реалізує проксі-сервери, і з якихось химерних причин об’єкти дати не можуть бути проксі-проксі. Крім того, ви помітите, що ви все ще можете робити такі речі, 'setDate' in proxyDateі ви побачите завершення роботи в консолі. Щоб подолати, що потрібно забезпечити більше пасток; в зокрема, has, enumerate, ownKeys, getOwnPropertyDescriptorі хто знає , які дивні випадки краю є!

... Отже, якщо подумати, ця відповідь майже безглузда. Але принаймні нам було весело, так?

Question 5

Ви можете обернути його в структуру, подібну до класу, та визначити власні геттери та сетери, щоб запобігти небажаним змінам

Question 6

Боюсь, прийнята відповідь насправді хибна. Ви насправді можете заморозити екземпляр будь-якого об'єкта, включаючи екземпляр Date. На підтримку відповіді @zzzzBov , заморожування екземпляра об'єкта не означає, що стан об'єкта стає постійним.

Одним із способів довести, що Dateекземпляр справді заморожений, є наступні кроки:

var date = new Date();
date.x = 4;
console.log(date.x); // 4
Object.freeze(date);
date.x = 20; // this assignment fails silently, freezing has made property x to be non-writable
date.y = 5; // this also fails silently, freezing ensures you can't add new properties to an object
console.log(date.x); // 4, unchanged
console.log(date.y); // undefined

Але ви можете досягти такої поведінки, як я гадаю, ви бажаєте наступним чином:

var date = (function() {
    var actualDate = new Date();

    return Object.defineProperty({}, "value", {
        get: function() {
            return new Date(actualDate.getTime())
        },
        enumerable: true
    });
})();

console.log(date.value); // Fri Jan 29 2016 00:01:20 GMT+0100 (CET)
date.value.setTime(0);
console.log(date.value); // Fri Jan 29 2016 00:01:20 GMT+0100 (CET)
date.value = null;       // fails silently
console.log(date.value); // Fri Jan 29 2016 00:01:20 GMT+0100 (CET)