В элемент Script привязать контекст?

Question

[Богдан]

Здравствуйте. Можете подсказать, у меня AJAX запрос возвращает скрипт, который я запускаю.

const scriptRun = text => {
      const script = document.createElement( 'script' );
      script.innerHTML = text;
      document.head.appendChild( script );
    };

сам скрипт, здесь я явно пишу имя моего объекта myClass, а можно ли как-то универсально через this

( function ajax( ) {
    myClass.parentTable.innerHTML = 'test';
}( ) );

Answer 1

[Kovalsky]

Явно задать this для скрипта не получится, зато можно как-то по-другому передать нужные объекты.

Можете передавать как-то так. В этом варианте также можно выполнять из скрипта только нужную вам функцию, в таком случае можно явно указать this для неё.

Можно складывать ссылки на нужные объекты прямо в объект скрипта, тогда обращаться к ним можно будет через document.currentScript.

Comments

[Богдан]

Сенкс, вроде получилось так как нужно:

const scriptRun = ( text, self ) => {
  const script = document.createElement( 'script' );
  script.innerHTML = text;
  script.self = self;
  document.head.appendChild( script );
};


class Test {
  constructor( ) {
    const textScript = `document.currentScript.self.cons();`;
    scriptRun( textScript, this );
  }

  cons( ) {
    console.log( 'Test')
  }
}

class Test2 {
  constructor( ) {
    const textScript = `document.currentScript.self.cons2();`;
    scriptRun( textScript, this );
  }

  cons2( ) {
    console.log( 'Test2')
  }
}

window.onload = () => {
  const test = new Test; // Test
  const test2 = new Test2; // Test2
};

П.С. а куда лучше добавлять скрипты head или body, или это непринципиально?