Javascript设计问题

我正在设计一个页面，它有一个画布元素，在上面显示两个图像。我可以看到3种将数据附加到元素的方法

(一)

(二)

(三)

---

还有别的办法吗？哪一个更好，为什么？

为了清晰和防止错误，如果可能的话，我更喜欢只在完全初始化元素时才向它们的父元素添加元素。因此，选项1似乎是最明确的，选项3似乎是通往疯狂之路

---

当然，Canvas元素没有属性image1，所以设置它不会有任何作用。

好的，我想到了一个新的。canvas.image1=global.factory（数据1）；这比新的好吗？canvas.image1=global.factory（data1）；

canvas.image1 = new ImageClass(data1);

canvas.image1 = Image();
global.factory(canvas.image1, data1);

canvas.image1 = 0;
global.factory(canvas.image1, data1);