前端小白不迷路-搞懂JavaScript中访问原型对象的两种方式的不同

247 阅读2分钟

这是我参与8月更文挑战的第6天,活动详情查看:8月更文挑战

哈喽,小伙伴们,终于又迎来了周末,可以过个双休,当程序员也挺幸福的哈!言归正传,更文挑战还是不能忘记呵,今天咱们来搞懂JavaScript中访问原型对象的两种方式的不同。

访问原型对象的方式主要分为两种:

1  实例对象.proto

任何对象都有__proto__属性,指向当前构造函数的prototype属性的值,即原型对象。 上面提到的任何对象,数组也是对象,因为数组字面量的底层原理 var arr = new Array() ,也是通过构造函数来实现的,arr就是构造出来的实例对象,通过arr.__proto__可以查看数组原型对象Array上的所有成员方法,然后我们才可以使用原型对象上的方法对数组进行操作。

2   构造函数.prototype

函数都有prototype属性,不只是构造函数,构造函数的prototype的属性值就是原型对象,也称原型。

总结:

1.构造函数通过prototype属性访问到原型对象

2.实例对象通过__proto__属性访问到原型对象

思考:既然这两种方式都可以访问到原型对象,那有什么不同?

它不是个标准的属性,存在兼容问题,IE678不支持该属性,不要在代码中使用该属性 所以要: Person.prototype.color = 'red'  要这样操作原型对象,挂载我们需要的方法或属性

__proto__属性的优点:

项目不上线,只是做演示,可以使用,而且在不知道构造函数是什么的情况下,比如jQuery的JQ的实例对象,不知道是那个函数构造出来的,就可以直接通过 $body.proto 查看到JQ对象的原型。

最后:

今天的东西有点枯燥,但是弄懂这些偏原理的东西,对我们的技术提升、领悟还是很有帮助的,最后,祝愿各位掘友们,周末愉快!