从ES6函数导入[保留]获取返回的数组值
从ES6函数导入[保留]获取返回的数组值
提问于 2019-05-19 23:41:48
嗨，我想知道如何从导入的函数获取/操作返回的数组到ES6中的类？
// animalsArray.js
export function animalsArray() {
// code that generate an array [dog, cat, turtle]
return arr
}
// RenderClass.js
import { animalsArray } from "../lib/animalsArray.js";
class RenderClass{
constructor() {
}
// how to display using template literals from the returned array [dog, cat, turtle]
<div class="animal">dog</div>
<div class="animal">cat</div>
<div class="animal">turtle</div>
}
回答 1
Stack Overflow用户
发布于 2019-05-20 09:30:55
编辑完问题后：
// this is a better function name, because it is much clearer what it will return.
function getAnimals() {
return ["dog", "cat", "turtle"];
}
class RenderClass {
constructor() {
this.animals = getAnimals();
}
// use a method to be able to display the animals
displayAnimals() {
// get the element on which you want to display the animals
var divForAnimals = document.getElementById("animals");
// join the array to receive a single string
var animalsAsString = this.animals.join(", ");
// write the animalsString into the innerHTML of the div element you got
divForAnimals.innerHTML = animalsAsString;
}
}
// creat an instance of RenderClass()
var renderClass = new RenderClass();
// call the method of RenderClass()
renderClass.displayAnimals();
<div id="animals"></div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003140
复制相关文章
相似问题
腾讯云开发者
