如何在不實例化的情況下獲取註冊的Web組件的原型

Question

請考慮以下JavaScript庫中的代碼;

document.registerElement('my-component', { prototype: { foo: true }}); 

它似乎registerElement返回一個函數，可以用作構造函數。

以後如何獲取此功能的參考？

var tempDom = document.createElement('my-component') 
console.log(tempDom.__proto__) 

似乎工作，但它需要先創建一個實例。

Answer 1

我想你只需要將registerElement（）的返回值保存在一個變量中，然後再使用該變量。如果你不保存回報，那麼我相信它會丟失。

// Save the return in a variable 
var mycomp = document.registerElement('my-component'); 

// Use the var to create the element 
document.body.appendChild(new mycomp()); 

// Then you can do things with the new tag 
var mytag = document.getElementsByTagName("my-component")[0]; 
mytag.textContent = "I am a my-component element."; 

Answer 2

prototype方法會給你預期的結果。

var mc = document.registerElement(
    'my-component', { prototype: { foo: true }} 
); 
console.log(mc.prototype); 
//⇒ my-component {foo: true} 

希望它有幫助。