JavaScript原型要点笔记

太过爱你忘了你带给我的痛 2022-07-16 11:56 197阅读 0赞

接触JavaScript一年3个月了，感觉自己的JavaScript水平还是停留在半年以前。好惭愧。以前广度关注较多，现在深度也开始吧。

原型这个看一遍概念大概就知道是什么东西了。我这里主要记录那些让我有点懵逼的地方。

1、constructor是啥？

在原型模式声明中，多了两个属性，这两个属性都是创建对象时自动生成的。

\_\_proto\_\_属性是实例指向原型对象的一个指针。它的作用就是指向构造函数的原型prototypr。

通过这两个属性，就可以访问到原型里的属性和方法了。

![20161023115243893][]

2、每个对象都有prototype属性吗？

不对。我们创建的每个函数都有prototype属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。

3、如何判断对象是否拥有某个属性？

有两种方式：

1>、in操作符，它会在通过对象能够访问给定属性时返回true，无论改属性存在于实例中还是原型中。

2>、hasOwnProperty()方法，这个方法可以检测属性是否在实例中。

扩展一下：

当检查对象上某个属性是否存在时，hasOwnProperty 是唯一可用的方法。同时在使用 for in loop 遍历对象时，推荐总是使用 hasOwnProperty 方法这将会避免原型对象扩展带来的干扰，我们来看一下例子：

// 修改 Object.prototype
    Object.prototype.bar = 1;
    
    var foo = {moo: 2};
    for(var i in foo) {
        console.log(i); // 输出两个属性：bar 和 moo
    }

我们没办法改变for in语句的行为，所以想过滤结果就只能使用hasOwnProperty 方法，代码如下：

// foo 变量是上例中的
    for(var i in foo) {
        if (foo.hasOwnProperty(i)) {
            console.log(i);
        }
    }

4、问题4是问题3的扩展，如何判断属性是在构造函数的实例里，还是在原型里？

采用hasOwnProperty。

5、constructor被重写是什么概念？

constructor一般指向的是构造函数自身，当然可以重写，指向别的构造函数，这样原型连就会被改变。

[20161023115243893]: /images/20220716/deb4fcf0a9af4d83ac58b5955ab75cec.png

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript原型&原型链

原型链图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

傷城~/ 2022年08月31日 07:23/ 0 赞/ 313 阅读

相关 javascript 要点总结

主要加深js的深入理解和认识 1，基础要点 1.1、一条语句，多个变量 var lastname="Doe", age=30, job="carpen

今天药忘吃喽~/ 2022年08月20日 14:11/ 0 赞/ 219 阅读

相关 JavaScript 高质量编码要点笔记

原文来自 [编写高质量JavaScript代码的基本要点][JavaScript]，本文为经过整理之后的笔记全局变量问题 var a = 5; fun

爱被打了一巴掌/ 2022年07月16日 13:09/ 0 赞/ 132 阅读

相关 JavaScript原型要点笔记

接触JavaScript一年3个月了，感觉自己的JavaScript水平还是停留在半年以前。好惭愧。以前广度关注较多，现在深度也开始吧。原型这个看一遍概念大概就知

太过爱你忘了你带给我的痛/ 2022年07月16日 11:56/ 0 赞/ 198 阅读

相关 JavaScript笔记：原型

\[\[Prototype\]\] JavaScript 中的对象有一个特殊的 \[\[Prototype\]\] 内置属性，其实就是对于其他对象的引用。几乎所有的对象在

素颜马尾好姑娘i/ 2022年07月16日 11:39/ 0 赞/ 170 阅读

相关【JavaScript】原型

一、原型我们创建的每个函数都有一个 prototype(原型)属性，这个属性是一个对象，它的用途是包含可以由特定类型的所有实例共享的属性和方法。逻辑上可

深碍√TFBOYSˉ_/ 2022年07月16日 00:21/ 0 赞/ 188 阅读

相关 JavaScript原型学习笔记

JavaScript原型学习笔记原型原型，是JavaScript中用来实现继承的东西。JavaScript中每个对象都会有一个\[\[prototype\]\]

￡神魔★判官ぃ/ 2022年06月02日 01:05/ 0 赞/ 192 阅读

相关 JavaScript-原型

JavaScript-原型:原型是function对象的属性，它定义了构造函数制造出的对象的共同祖先。通过该构造函数生成的对象，继承了该原型的属性和方法。原型也是对象。关键

拼搏现实的明天。/ 2022年05月28日 14:09/ 0 赞/ 188 阅读

相关 Axure原型设计要点

如何实现类似淘宝页面当鼠标移动上去字体颜色改变提示？即移动前： ![在这里插入图片描述][20181111214827311.png] 移动后（鼠标悬停）：

冷不防/ 2022年04月17日 02:16/ 0 赞/ 209 阅读

相关【JavaScript】图解JavaScript原型和原型链

来看一个例子： var n = new Number(1) var s = new String('s') var b = new Boolean(t

阳光穿透心脏的1/2处/ 2022年04月13日 13:23/ 0 赞/ 385 阅读