第171天:面向对象——对象实例和原型对象进阶

简介: 一、实例拷贝原理当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值因为有的构造函数有默认值一旦你给实例赋给了新值,就会将内存空间替换掉Function对象定义的各种数据类型的变量最终其实都是一个对象var str = ‘1’var str = new String()var sum = 1;var = new Number()同样的,函数也是这样:所有函数其实都是Function的实例constructor属性其实就是Function对象的一个属性而已对象又是通过函数实现的对象其实就是一个Function 的一个实例而已。

一、实例拷贝原理

当实例化的时候,都会将构造函数的属性拷贝一份,同时赋给新值

因为有的构造函数有默认值

一旦你给实例赋给了新值,就会将内存空间替换掉

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())

 

相关文章
|
27天前
|
设计模式 算法 中间件
【C++ 可调用对象的应用】C++设计模式与现代编程技巧:深入可调用对象的世界
【C++ 可调用对象的应用】C++设计模式与现代编程技巧:深入可调用对象的世界
113 1
|
3月前
|
算法 编译器 C语言
【C++入门到精通】C++入门 —— 类和对象(构造函数、析构函数)
一、类的6个默认成员函数 二、构造函数 ⭕构造函数概念 ⭕构造函数的特点 ⭕常见构造函数的几种类型 三、析构函数 ⭕析构函数概念 ⭕析构函数的特点 ⭕常见析构函数的几种类型
19 0
|
3月前
|
设计模式 前端开发 JavaScript
【面试题】对象、原型、原型链与继承 ,你了解多少?
【面试题】对象、原型、原型链与继承 ,你了解多少?
|
3月前
|
设计模式 前端开发 JavaScript
【面试题】 对象、原型、原型链与继承?这次我懂了!
【面试题】 对象、原型、原型链与继承?这次我懂了!
|
4月前
|
Java
Java面向对象编程,构造函数和方法的区别是什么?
Java面向对象编程,构造函数和方法的区别是什么?
43 2
|
8月前
|
前端开发
前端原型和原型链实例的学习
前端原型和原型链实例的学习
38 0
|
10月前
|
编译器 C++
类和对象-对象
类和对象-对象
51 0
|
11月前
对象和类的知识点总结
对象和类的知识点总结
59 0
|
前端开发
前端学习案例1-原型&原型链&构造函数
前端学习案例1-原型&原型链&构造函数
31 0
前端学习案例1-原型&原型链&构造函数
|
前端开发
前端学习案例1-原型&原型链&构造函数1
前端学习案例1-原型&原型链&构造函数1
48 0
前端学习案例1-原型&原型链&构造函数1

热门文章

最新文章