this.appendChild (articleItemElement) 上的 this 关键字；指的是？

编程问答 2022-05-25

问题描述

简而言之，我有一个 javascript 文件，其中包含一个数据数组，其中有 4 个对象，每个对象由 4 个属性组成，然后第二个文件是...

============================================

(article-item.js)

class ArticleItem extends HTMLElement {
 set article(article) {
   this._article = article;
   this.render();
 }

     render() {
       this.innerHTML = `
    <img class="featured-image" src="${this._article.featuredImage}">
    <div class="article-info">
        <h2><a href="${this._article.id}">${this._article.title}</a></h2>
        <p>${this._article.description}</p>
    </div>

  `;
 }
}
 
customElements.define("article-item",ArticleItem);

================================================ ======

(article-list.js)

import "./article-item.js"
 
 
class ArticleList extends HTMLElement {
 set articles(articles) {
   this._articles = articles;
   this.render();
 }
 
 
 render() {
   this._articles.forEach(article => {
     const articleItemElement = document.createElement("article-item");
     // memanggil fungsi setter article() pada article-item.
     articleItemElement.article = article;
     this.appendChild(articleItemElement);
   })
 }
}
 
customElements.define("article-list",ArticleList);

================================================ ==============

今天我在学习嵌套自定义元素，我非常了解程序流程是如何运行的。但是有些部分我还是不明白，比如这行/关键字 this 在 (this.appendChild (articleItemElement);) 中做了什么，然后在 (articleItemElement.article = article;) 中我明白我只能分配数据如果使用访问器属性或 getter / setter 技术，可以通过访问 .article 属性通过 JavaScript 语法自定义元素。部分（=文章）的功能是什么？或者如果我错了，请解释该行的功能

我真的希望并感谢有人为我解释这一点

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

arraysarrayscustom-elementjavascriptnested