第171天:面向对象——对象实例和原型对象进阶
2018-02-09 23:01
330 查看
一、实例拷贝原理
当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值因为有的构造函数有默认值
一旦你给实例赋给了新值,就会将内存空间替换掉
Function对象
定义的各种数据类型的变量最终其实都是一个对象var str = ‘1’
var str = new String()
var sum = 1;
var = new Number()
同样的,函数也是这样:
所有函数其实都是Function的实例
constructor属性其实就是Function对象的一个属性而已
对象又是通过函数实现的
对象其实就是一个Function 的一个实例而已。。。
所以构造函数其实就是Function对象的一个实例
而实例拷贝自构造函数,所以实例含有Function对象的所有属性和方法
constructor
它就是用于检测某个实例的构造函数是哪个其实constructor是构造函数的一个隐藏属性
为什么实例含有constructor属性
因为实例的属性都是拷贝自构造函数会拷贝所有的构造函数中的属性,包含你定义的也包含系统隐藏的
而 constructor属性是构造函数中的一个隐藏属性
二、原型进阶
原型的属性(方法)共享理论
原型对象不管实例化多少次,都只会生成一次。。实例化的时候只拷贝构造函数中的属性,而不会拷贝原型对象中的属性
函数和对象
其实js中本来没有对象这个概念
利用函数实现了对象
原型对象本质:
原型对象的属性和方法可以被所有实例共享
这样,如果我们需要修改所有实例中的属性或者方法,就只需要修改一处,就能够影响到所有实例了
三、属性搜索机制
先在自身的属性列表中寻找,如果找到直接返回,如果找不到从原型中寻找。如果找不到:先找到自身的一个隐藏属性prototype,这个属性中保存的是原型对象的地址。
四、 双对象法则
其实所谓的对象包含两个独立的对象:构造函数对象,一个叫原型对象那么他们之间是如何联系在一起的呢?
就是通过一个属性__proto__(V8 火狐 最新的EDGE)
但是早期的微软浏览器不不是通过__proto__来实现原型的。
但是__proto__已经成为ES5的一种标准。
__proto__属性是Function对象的一个属性而已
任何一个我们编写的函数其实都是Function对象既然对象是函数实现的,那么对象当然也是Function的一个实例
所以构造函数含有Function对象中的一切属性和方法
而constructor属性 prototype属性是Function对象中的属性之一
而实例化的时候会拷贝构造中的属性和方法,自然就有了constructor属性和prototype属性
prototype属性:保存的就是地址
作用:将实例和原型对象联系在一起。
属性搜索机制的本质:
就是通过这个prototype属性中保存的地址链接原型结果都是tom,因为原型被所有实例共享,他们操作的其实是同一块内存区域
五、属性屏蔽理论
如果原型中和构造函数中有相同的属性的话:第一点:你要会用属性搜索法则寻找出访问属性的链条
第二点:如果我们想访问原型中的被屏蔽掉的属性有两种方法:
delete
使用Product.prototype.属性或者方法名称
1 第二点: /*清除乌云*/ 2 delete product.name 3 console.log(product.name) 4 // console.log(product.buy()) 5 6 7 /*被屏蔽之后如何获取 */ 8 // console.log(Product.prototype.buy())
相关文章推荐
- javascript--面向对象(四)原型对象,构造函数及实例对象的关系图
- 20-JavaScript-面向对象-类(原型对象) 和 对象(实例)
- JS面向对象-原型对象,实例对象,构造函数的关系
- 前端进阶------实例对象,构造函数,以及原型之间的关系
- 编程基础-面向对象-对象的实现方式(模版/原型)
- js入门实例の构造函数/方法的定义和调用/原型对象
- JavaScript高级程序设计之面向对象的程序设计之创建对象之原型模式 第6.2.3讲笔记
- 构造函数、原型对象及其实例对象
- js基础进阶2-1 面向对象(类与对象介绍)
- 面向对象之父类变量指向子类实例对象分析
- 前端开发:面向对象与javascript中的面向对象实现(二)构造函数与原型
- JS高级. 02 面向对象、创建对象、构造函数、自定义构造函数、原型
- JS模拟面向对象,对象原型,JSON,with语句,for in 语句
- 学习javascript面向对象 实例讲解面向对象选项卡
- JavaScript原型对象、构造函数和实例对象功能与用法详解
- js中原型对象的writable为什么会影响到实例对象
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- Java学习之面向对象一-----创建学生类并在main函数中实例化学学生对象
- Python面向对象的基础知识:类Class,对象(Object),实例(Instance)
- JS中面向对象的,对象理解、构造函数、原型、原型链