Можно ли рассказать классы из функций во время выполнения? [Дубликат]

Я провел некоторое исследование и выяснил, что объект прототипа [ spec 19.1.2.16 ] классов ES6, по-видимому, не записывается , неперечислимый , неконфигурируемый .

Вот способ проверки:

class F { }

console.log(Object.getOwnPropertyDescriptor(F, 'prototype'));
// {"value":{},"writable":false,"enumerable":false,"configurable":false

Регулярная функция по умолчанию доступна для записи , неперечислимые , неконфигурируемые .

function G() { }

console.log(Object.getOwnPropertyDescriptor(G, 'prototype'));
// {"value":{},"writable":true,"enumerable":false,"configurable":false}

ES6 Fiddle: http://www.es6fiddle.net/i7d0eyih/

Таким образом, дескриптор класса ES6 всегда будет иметь эти свойства на false и будет вызывать ошибку, если вы попытаетесь определить дескрипторы.

// Throws Error
Object.defineProperty(F, 'prototype', {
  writable: true
});

Однако с помощью обычной функции вы все равно можете определить эти дескрипторы.

// Works
Object.defineProperty(G, 'prototype', {
  writable: false
});

Это не очень что дескрипторы изменяются на регулярные функции, поэтому вы, вероятно, можете использовать это, чтобы проверить, является ли это классом или нет, но, конечно, это не настоящее решение.

Метод @alexpods для подбора функции и проверки для ключевого слова class, вероятно, является лучшим решением на данный момент.

Глядя на скомпилированный код, сгенерированный Babel , я думаю, что вы не можете определить, используется ли функция как класс. В то время JavaScript не имел классов, и каждый конструктор был просто функцией.

Код ES6:

// ES6
class A{}

ES5, сгенерированный Babel :

// ES5
"use strict";

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var A = function A() {
    _classCallCheck(this, A);
};

Конечно, если вы используете соглашения о кодировании, вы можете проанализировать функцию (класс) и проверить, начинается ли это имя с заглавной буквы.

function isClass(fn) {
    return typeof fn === 'function' && /^(?:class\s+|function\s+(?:_class|_default|[A-Z]))/.test(fn);
}

EDIT:

Браузеры, которые уже поддерживают ключевое слово класса, могут использовать его при разборе. В противном случае вы застряли с заглавной буквой.

EDIT:

Как отметил Балуптон, Бабель генерирует function _class() {} для анонимных классов.

Добавлено _default в регулярное выражение, чтобы обнаружить такие классы, как export default class {} g13] BabelJS находится в стадии разработки, и нет гарантии, что они не изменят имена функций по умолчанию в этих случаях. На самом деле, вы не должны полагаться на это.

, если я правильно понял ES6, используя class, имеет такой же эффект, как если бы вы вводили синтаксическую ошибку

var Foo = function(){}
var Bar = function(){
 Foo.call(this);
}
Bar.prototype = Object.create(Foo.prototype);
Bar.prototype.constructor = Bar;

при вводе MyClass() без keyword new, чтобы предотвратить загрязнение глобального пространства с помощью переменные, предназначенные для использования объектом.

var MyClass = function(){this.$ = "my private dollar"; return this;}

, если у вас есть

// $ === jquery
var myObject = new MyClass();
// $ === still jquery
// myObject === global object

, но если вы делаете

var myObject = MyClass();
// $ === "My private dollar"

, поскольку this в Конструктор, называемый функцией, относится к глобальному объекту, но при вызове с ключевым словом new Javascript сначала создает новый пустой объект, а затем вызывает на нем конструктор.