javascript高级编程第三版（javascript高级程序设计第三版P164原型链）

：暂无数据 2026-08-18 19:10:01 ：1

今天给各位分享javascript高级程序设计第三版P164原型链的知识，其中也会对javascript高级程序设计第三版P164原型链进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录

javascript高级程序设计第三版P164原型链
javascript好学吗
attribute与property

javascript高级程序设计第三版P164原型链

我来说一下吧，虽然我也不是理解的很深刻。

首先默认情况下一个构造函数：

function SuperType(){
this.property = true;
}

他的原型应该是他的原型对象：SuperType.prototype，在chrome里面用console输出是：

我们可以看到SuperType的原型对象的constructor属性又指向了SuperType函数。

看一下SubType函数，他是构造函数SuperType的一个实例，她是被SuperType构造出来的呀，所以SubType函数原型的constructor就指向了SuperType构造函数。

类推SuperType.Prototype的constructor不应该指向Object的么？

书上写所有函数的默认原型都是Object的实例，所以如果：

console.log(SuperType.prototype.__proto__);的话在控制台会输出：Object {}。

__proto__是构造的实例与原型之间的隐形链接。

书上本来就挺绕的，自己慢慢理解一下吧，时间久了就会理解了，虽然我现在也不是很理解。采纳我吧(*^__^*) 嘻嘻。

说实话，不好学，没HTMl基础有点难度，JavaScript简称JS，之前的基础就是HTML，HTML这门课程如果入门的话不是很难，刻苦点一月到两月就能搞定，有HTML基础的话，只要继续刻苦一个月左右JS就能入门，但是想学到高深那就不容易了，js入门后在继续学可以说也是有些难度的。总之先掌握HTML，这是一个基础，正如你说话要先从aoe开始一样，HTML也很容易学的

HTML推荐书籍：《《深入浅出HTML和CSS》》
JS推荐书籍：《javascript入门经典》

这些书籍可以帮助你怎么学习，其实不止看书，你也可以看看视频，多看视频讲解学习可以让你少走很多弯路，节省不少时间。遇见问题，常百度一下，现在百度只有你想不到的，没有你查不到的，没有你要的答案，也能查到相关的，何况可以提问嘛……

人就是在不断的问题中解决问题，发现新的问题，继续解决问题，这样自己的自学能力和技术能够得到很大的提升，关键就是不懂一定马上问，千万不要随便拖，这样进步才叫快……
还有补充一下，学习重在实践，因为只有实践你才能更好的发现自己的问题，一个问题解决了，一次不记得，下次继续做的时候再手打一次，但是别抄之前自己写过的代码，除非你觉得自己这段代码已经掌握了，这样为了节省时间才抄，否则还是练练手最好,，万变不离其宗——熟能生巧……

如果你精通了，那就好办了，一个网站可能就被你开发出来，然后就不愁找不到好工作了，至于你认为学到什么地步算精通，这你自己在学习中就可以感受到自己的能力，说的够多了，一时说不完，就这样,最后祝你成功，嘎嘎嘎嘎……

attribute与property

HTML 中的 node 有一个方法：cloneNode()，这个方法用来复制一个节点。不过它还有一个值得注意的地方。

WTF，attribute 和 property 不是同一个东西吗？

你看，设置了 property，获取 attribute 是同一个东西吧。

不过，它们确实不是能够等同而视的东西，事实上，它们之间的差别还挺大的。

在最为根本的地方（语义上）可以似乎可以揣摩出一些这两者的差异：attribute 写在标签上的，主要用来表示节点的特征的属性。
而 property 是从 dom 对象角度考虑。

另外，每一个 attribute(key + value) 本身也是一个节点 (attr node)。

它们是同等级别的东西 ……

每种类型的 tag 都有自己的默认预设的 attribute，像 img 标签的 src, script 标签的 async。

除此之外，我们还可以自定义一些 attribute

在 HTML 中，每一个 node，都有一个 attributes 属性，它的值是一个 NamedNodeMap ，存有当前 node 的所有 attributes。
NamedNodeMap 提供了一些操作 attribute 的方法：
getNamedItem(name) : 获取 nodeName 为 name 的 node (这里的 node 就是指 attr node)
item(pos) : 同上，不过这个还可以用来设置值
removeNamedItem(name) : 删除
setNamedItem(attrNode) : 存一个 node ，注意，依然是 attr node

attributes 属性的主要用途是遍历一个 element 的 attributes

事实上，所有的默认的 attributes 也会作为 DOM 的 property，只不过，有一点需要注意，不同类型的tag，有自己专属的 attribute，只有专属的 attribute 才能够在 property 中直接获取。比如：

自定义的 attributes 也无法通过 property 获取，自然也无法通过 property 修改自定义的 attribute.

1.class, 获取时用到的关键字不一样，通过 attribute 的方式获取是 dom.getAttribute("class") ; 而通过 property 的方式获取是 dom.className

1.style : getAttribute 得到 CSS text ; dom.style 是一个对象；

2.onclick 之类的事件 : getAttribute 得到的是字符串 "fn()" ; dom.onclick 是 function

3.对于那些对于值有所限制 (比如 src, disabled, multiple)、或功能性（比如 value）的 attributes，这种限制或功能更多是体现在 property 上：

attributes 与 property 很不一样 ……

那么，在深拷贝一个 dom 的时候，如何把某个数据也复制过去呢？

1.写在 dom 元素上
2.使用 setAttribute

参考文献：

1.《JavaScript高级程序设计》第三版