Что представляет собой вывод цвета свойства желтый/серый console.dir() в DevTools? [дубликат]Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Гость
 Что представляет собой вывод цвета свойства желтый/серый console.dir() в DevTools? [дубликат]

Сообщение Гость »


[EDIT] Вопрос повторяется. Я пропустил предыдущие вопросы из-за того, что в светлой теме использовался фиолетовый цвет. Смотрите ответ на этот вопрос. Я перефразировал заголовок этого вопроса, включив в него желтый/серый цвет темного режима. Надеюсь, это поможет кому-то, кто ищет ответ в будущем.
Метод console.dir(), доступный в DevTools вашего браузера, выводит свойства объекта и методы доступа с использованием цветного текста. Например, этот базовый векторный класс:
Изображение

На этом изображении внутренние методы ([[Метод]]) выделены желтым цветом, а все остальное — серым... За одним исключением — статический метод from. Но это не единственный статический метод: каждый метод, начинающийся с «from», является статическим, единственное отличие состоит в том, что базовый метод from объявляется внутри статического блока, а не как независимый метод с использованием ключевого слова static. Класс выглядит следующим образом:

class Vector { статический { this.from = функция from(...args) { if (args.length === 2) return Vector.fromCoords(...args); const arg = args[0]; if (Array.isArray(arg)) return Vector.fromArray(arg); if (typeof arg === 'string') return Vector.fromString(arg); if (typeof arg === 'object') return Vector.fromObject(arg); вернуть новый вектор(); } } статический fromString (строка) { return new Vector(...string.split(' ').join('').split(',')); } статический fromObject({ x, y }) { вернуть новый вектор (x, y); } статический fromCoords(x, y) { вернуть новый вектор (x, y); } статический fromArray([x, y]) { вернуть новый вектор (x, y); } конструктор(х, у) { this.x = Число(x) || 0; this.y = Число(y) || 0; } получить угол() { const {x, y} = это; вернуть х > 0? у > 0? Math.atan(Math.abs(y / x)) : Math.atan(Math.abs(x / y)) + (3 * Math.PI)/2 : у > 0? Math.atan(Math.abs(x/y)) + Math.PI/2: Math.atan(Math.abs(y / x)) + Math.PI; } установить угол(_) { console.error('SET:angle запрещен для экземпляров Vector'); } получить градусы() { вернуть this.angle * 180/Math.PI; } установить градусы(_) { console.error('SET:градусы запрещены для экземпляров Vector'); } получить величину() { const xSquared = this.x ** 2; const ySquared = this.y ** 2; return Math.sqrt(xSquared + ySquared); } установить величину(_) { console.error('SET:величина запрещена для экземпляров Vector'); } добавить (объект, ... аргументы) { const вектор = экземпляр объекта Vector? объект: Vector.from(объект); this.x += вектор.x; this.y += вектор.y; верните это; } клон() { вернуть Vector.from(это); } isWithinBounds (точка, размер) { const halfSize = размер/2; точка = Vector.from(точка); const {x, y} = точка; return this.y >= y - HalfSize && this.y = x - половинный размер && this.x
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Javascript»