有关javascript原型的几个问题

Question

1）html元素是否具有原型？还是只是javascript对象？ 换句话说，这样的事情有可能以任何方式实现吗？

<div class="wrapper>
    <img src=""mypicture.png />

    <p>Click here</p>
</div>


.wrapper
{width:200px; height:50px;}

img
{width:100%;height:100%;}

p
{display:inline-block;height:100%;width:100%;}

然后在JS / jQuery中，如下所示：

p.prototype = img;
$.on("click", "p", function(){
    $(this).prototype.trigger("click");
});

2）假设我正在为要编写的特定插件使用原型。 我目前不在，仅用于提供信息。 说，在这个插件中，我使用的是JS积分Image（）对象，无论出于何种原因，我都决定为其分配一个不同的原型或向该原型添加一些东西。 我必须“撤消”退出插件时所做的所有原型工作，以免干扰网站上可能使用Image（）对象的任何其他事情。 类似于其他OOP语言中的垃圾收集。 例：

---插件启动

Image.prototype = foobar;
 var image = new Image();
 ///
    do code here
 ///

on("plugin close ", function (){
     Image.prototype.release;
     OR
     Image.prototype = assign back to whatever it was originaly?
});

-插件端

我认为答案可能是：1）不！ 但是希望是... 2）不需要重置原型，因为如果将jQuery插件包装在一个匿名函数中，则该代码实例仅作为该实例存在，并且不会影响全局Image（）对象。 ，仅是Image（）对象的本地实例。

我现在正试图进入原型。 我已经做了大量的研究，并且我不知道使用它们的好处，但是在我像傻瓜一样跳进去之前，我想确切地知道如何正确地使用它们以及我可以做和不能做的事情。

再次谢谢你们！

Answer 1

关于自定义HTML元素的行为 ，这不能像您在代码中显示的那样起作用，但是有一个传入的标准可以部分用于实现此目的。 检查本文以了解有关自定义元素的更多信息。

另一方面，关于您的Image样本以及将成员添加到其原型中，我真的相信您需要了解范围。 如果更改全局对象原型，则在全局范围或局部范围内修改它的原型。

因此，您需要继承 Image并在新对象中添加行为：

var CustomImage = function() {};
CustomImage.prototype = new Image();

CustomImage.doSomething = function() {

};

要么...

var customImageObject = Object.create(Image.prototype, {
     doSomething: {
         value: function() { }
     }
});

无论如何， 关于“重置原型”的想法是一个非常非常非常糟糕的想法！ 。 玩原型链！