0

javascript. Можно ли сегодня на голом браузере каким-то образом обратиться к классу по строковому имени?

class AClass {
  constructor() {

  }

  toString() {
    alert("Hello, world!");
  }
}

let className = $("div").attr("className");
let classType = window[className];
let instance = new classType();
console.log(instance.toString());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div className="AClass">

2
  • не понятно чего вы пытаетесь добиться, может быть Вы нам расскажете предпосылки? 23 мая 2019 в 8:17
  • да, конечно. есть html, в котором <div className="AClass">. Мне необходимо по имени класса создать объект. 23 мая 2019 в 8:28

3 ответа 3

0

Можно это сделать как-то так:

class AClass {
  constructor(){}
  toString() {return 'AClass'}
}

class BClass {
  constructor(){}
  toString() {return 'BClass'}
}

document.querySelectorAll('div').forEach(div => {
  let ref = window[div.className];
  ref && (div.textContent= new ref().toString());
})
<div class="AClass"></div>
<div class="BClass"></div>

6
  • так я получаю "Uncaught TypeError: window.AClass is not a constructor". Google chrome 23 мая 2019 в 8:38
  • сниппет работает благодаря установленной галочке use babel, вы же сами используете классы в вопросе, естественно в голом виде браузер это не прожевал 23 мая 2019 в 8:40
  • собственно вопрос и заключается в том, можно ли сегодня на голом браузере обратиться к классу по строковому имени. 23 мая 2019 в 8:49
  • @Александр в таком случае наверное необходимо это написать в вопросе 23 мая 2019 в 8:52
  • спасибо за помощь. правильно задать вопрос - полдела сделать. 23 мая 2019 в 9:02
0

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

Поэтому решением может стать только ручное объявление нужной переменной:

class AClass {
  constructor() {

  }

  toString() {
    return ("Hello, world!");
  }
}
var classess = {
  AClass
};

let className = $("div").attr("className");
let classType = classess[className];
let instance = new classType();
console.log(instance.toString());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div className="AClass">

0

все очень просто оказалось, как обычно. недостатком могу отметить только то, что это var со всеми своими hoisting и redeclare. в целом - приемлемо. всем спасибо за помощь.

var AClass = class
{
  constructor()
  {

  }

  toString()
  {
    return ("Hello, world!");
  }
}

let className = $("div").attr("className");
let classType = window[className];
let instance = new classType();
console.log(classType.name + ': ' + instance.toString());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div className="AClass"></div>

3
  • да именно это и было в моем ответе 23 мая 2019 в 9:52
  • я ни в коем случае не намерен присвоить себе чей-то ответ, последнее что я видел - предложение обратиться к eval, что, кстати, вполне годно оказалось, но eval типа фу. 23 мая 2019 в 10:07
  • да, eval это дыра 23 мая 2019 в 10:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.