JavaScript之面向对象学习四原型对象的动态性
1、由于在原型中查找值的过程是一次搜索,因此我们对原型对象所做的任何修改都能够立即从实例上反映出来---即便是先创建了实例后修改原型也是如此。代码如下:
function Person(){
}
var friend=new Person();
Person.prototype.sayHello=function(){
alert("Hello");
}
friend.sayHello(); //输出:Hello
上面这段代码先创建了Person的一个实例,并将其保存在friend中。接着下一个代码块在Person.prototype(Person的原型属性对对象)中添加了一个方法sayHello();
根据输出,我们发现即使friend实例是在添加新方法之前创建的,但它任然可以访问这个新方法。
其原因可以归结为实例与原型之间的松散连接关系,当我们调用friend.sayHello()时,首先会在实例中搜索名为sayHello的属性方法,如果实例属性中没有,则会继续去搜索原型。而原型与实例之间是通过[[prototype]]指针相连接的(实例通过[[prototype]]指针指向原型属性对象来调用原型中的方法和属性),正因为[[prototype]]是一个指针,并不是Person的副本,所以即使修改(添加)原型的方法在创建完实例之后,该实例任然可以访问完成修改之后的原型对象!
2、尽管利用上面所说的实例与连接的松散连接关系,我们可以随时为原型添加属性和方法,并且修改能够在所有的实例中反映出来。
但是如果重写整个原型对象,那么情况就不一样了,在前面的随笔中曾说过,当调用构造函数创建一个对象实例时JS会为实例添加一个指向最初原型(也就是Person.prototype)的[[prototype]]指针,而像下面的代码中那样,把原型修改成另外一个对象,并不能改变实例中的[[prototype]]指针的值(说明白点,就是实例还是指向最初原型);
注意:实例中的[[prototype]]仅指向最初原型;
function Person(){
}
var friend=new Person();
Person.prototype={
constructor:Person,
name:"张三",
age:22,
sayHello:function(){
alert("Hello James");
}
};
friend.sayHello(); //error 控制台报错!
从上面的图我们可以看出,重写原型对象之后,并没有是对象实例的[[prototype]]指针的值发生改变,它还是指向最初的原型对象。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 富文本编辑器 tinymce 的使用
- dotnet core 在 MAC 系统下删除应用程序自己后调 Process Start 方法将会抛出 Win32 异常
- 如何从高德获取地铁数据
- Yaconf - windows 环境下的高性能配置操作
- [ 物联网篇 ] 26 -ALSA Plug 中 multi 的应用
- LeetCode 1546. Maximum Number of Non-Overlapping Subarrays With Sum Equals Target(动态规划)
- HTML加载顺序
- 基于飞桨PaddleClas实现轧钢带表面缺陷分类,top1准确率可达100%
- 01Python的基本的数据结构之List
- 02Python数据结构之再谈List的常用操作
- 03Python List不得不知的操作之改、查
- 04Python基础之字符串Str
- 05Python元组tuple的个性
- Tkinter Canvas
- Python实现最小二乘法