Урок 114 из 114 · 8 мин

Устаревшее: объекты и функции

__proto__, __defineGetter__, __defineSetter__, __lookupGetter__, __lookupSetter__, RegExp.prototype.compile, arguments и caller у функций.

Подчёркивания

Вредный Скрипт
obj.__proto__ = evil — и всё наследование моё! Хе-хе.
Ника
Это старые служебные свойства. У каждого есть современная замена — понятная и безопасная.

Ключевое слово

__proto__

Старый доступ к прототипу

Что это: Свойство-аксессор obj.__proto__ читает и меняет прототип. Замены: Object.getPrototypeOf и Object.setPrototypeOf; в литерале { __proto__: p } ещё допустим.
Зачем: Узнать в старом коде; опасен при разборе чужих ключей.
Как: JavaScript
const base = { hi() { return "привет"; } }; const o = { __proto__: base }; console.log(o.hi(), o.__proto__ === Object.getPrototypeOf(o));
Так это работает

Метод

__defineGetter__ · __defineSetter__ · __lookupGetter__ · __lookupSetter__

Старые геттеры и сеттеры

Что это: Определяют и находят геттеры и сеттеры свойства. Замены: get/set в литерале и классе, Object.defineProperty, Object.getOwnPropertyDescriptor.
Зачем: Переписать на современные дескрипторы.
Как: JavaScript
const cup = { ml: 350 }; cup.__defineGetter__("liters", function () { return this.ml / 1000; }); console.log(cup.liters, typeof cup.__lookupGetter__("liters"), cup.__lookupSetter__("liters")); cup.__defineSetter__("liters", function (v) { this.ml = v * 1000; }); cup.liters = 0.45; console.log(cup.ml);
Так это работает

Метод

RegExp: compile()

Перекомпиляция регулярки

Что это: re.compile("новый", "флаги") меняет шаблон существующего объекта. Замена — просто создать новый: new RegExp(…).
Зачем: Узнать в старом коде.
Как: JavaScript
const re = /блокнот/; re.compile("пенал", "i"); console.log(re.test("ПЕНАЛ"), re.source);
Так это работает

Ключевое слово

arguments · caller у функций

Запрещённые свойства функций

Что это: fn.arguments и fn.caller из старых движков. У строгих функций, стрелок и классов обращение к ним бросает TypeError. Замены: параметры ...rest и стек ошибки для отладки.
Зачем: Знать, почему старый код падает в строгом режиме.
Как: JavaScript
"use strict"; function f() {} try { f.caller; } catch (e) { console.log(e.name); }
Так это работает

Ника
Двойные подчёркивания в именах — сигнал: метод устарел, ищи современную замену.

Ваш ход

Задание

Современный контейнер

Перепиши makeBox(ml) без __defineGetter__ и __proto__: верни объект с прототипом base (через Object.create) и обычным геттером liters.

Работает как раньше — пока нет
Без __proto__ — пока нет
Без __defineGetter__ — пока нет

const base = { kind: "контейнер" };
function makeBox(ml) {
  const cup = { ml };
  cup.__proto__ = base;
  cup.__defineGetter__("liters", function () { return this.ml / 1000; });
  return cup;
}

const base = { kind: "контейнер" };
function makeBox(ml) {
  const cup = { ml };
  cup.__proto__ = base;
  cup.__defineGetter__("liters", function () { return this.ml / 1000; });
  return cup;
}

Результат обновляется при вводе

ПрактикаОбязательное задание

proto

Выберите один ответ.

Чем заменить чтение obj.__proto__?

Куда отправимся?

Веб-разработка с нуля: четыре курса по порядку.