Question

关于js的问题，原型不是对象吗，原型上的方法不能通过该原型直接调用吗

为什么Element.prototype.getElementByTagName('div')不能这么用

Answer 1

首先简单说一下原型对象，原型对象确切的说应该是函数的原型对象，无论在什么时候，只要创建了一个新的函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的“原型对象”，而这个对象的最大用途就是包含所有实例共享的属性和方法。

使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法，换句话说，不必在构造函数中定义对象的实例信息，而可以将这些信息直接添加到原型对象中。

按照上面的理论“Element.prototype.getElementByTagName('div')”Element可是个函数名，我们要通过prototype为其添加一个getElementByTagName()方法，然后通过对Element这个函数的实例化再去调用getElementByTagName()并使用它，那么想想，我们这么做有什么意义吗？

举一个例子来说明prototype的使用：

希望对你有帮助

追问

不是你说的我都懂Element.prototype上是定义了getelementbytagname()方法的，我就是搞不懂为什么不能这么调用。

Element.prototype是个对象但是为什么不能调用它自身的这个方法

你可以console.log(Element.prototype)里面是有这个方法的

追答

我解释一下，document叫文档对象，element叫元素对象，getElementByTagName()等系列方法是添加到这个对象的构造函数的原型之上的， 这句话比较抽象。不知道楼主是否熟悉OOP（面向对象）这一部分的知识，你可以把原型理解为OOP中的类，把构造方法理解为初始化对象的方法，在面向对象编程中，我们都是把方法写在类中的，然后通过实例化类后就可以生成一个对象，再用对象对使用类中的方法，我们不能直接使用类名去调用方法，这是行不通的（静态方法除外）。

所以我们通过console.log(Element.prototype)看到的是元素原型（类）中的方法，而调用原型中的方法就必须创建一个元素对象element，那element对象是怎么来的呢？我们常用的方法就是var obj = document.getElementById()，而这个obj就是元素对象，这似乎有点对不上，对吧？element原型中的方法怎么document可以使用呢？其实是这样子的，document继承了element，既然继承了当然就可以用了。

总结一下：document继承了element，而getElementByTagName()是写在element原型上的，原型里的对象和属性不能通过原型对象进行调用的。

可能说的比较烦索一些，你看着理解。如果有不对的，可以随时提出来。谢谢

追问

原型是一个对象

Element.prototype={ }