JavaScript中原型的相关概念
来源:互联网 发布:js newdate 编辑:程序博客网 时间:2024/06/08 09:28
目前学习到JavaScript的原型部分,笔记如下,供以后参考学习,也希望能帮助到其他的人。
- 神秘对象针对构造函数成为“原型属性”
- 神秘对象就是构造函数的原型属性
- 简称原型
- 神秘对象与构造函数所创建出来的对象也有一定的关系
- 神秘对象针对构造函数所创建出来的对象称为“原型对象”
- 简称原型
- 对象继承自其原型
- 构造函数创建出的对象 继承自 构造函数的原型属性
- 构造函数创建出的对象 继承自 该对象的原型属性
- 构造函数所创建出来的对象与构造函数的原型属性表示的对象是两个不同的对象
- 原型中的成员可以直接被实例对象所使用
- 也就是说实例对象直接‘含有’原型中的成员
- 因此,实例对象继承自原型
- 这样的继承就是 ‘原型继承’
function Person(){}var p = new Person();Person.prototype.good = function(){alert('good')}p.good();
如上代码,在内存中的运行过程如图
原型的使用方法
(1)利用对象的动态特性
构造函数.prototype.xxx = vvv
(2)直接将原型对象替换掉(这样写内存中会有两个原型对象副本)
构造函数.prototype = { //方法};
贴代码
function Person(name,age,gender){ this.name = name; } Person.prototype.sayHello = function(){ console.log(this.name + '你好'); } var p1 = new Person('aa'); Person.prototype = { sayHello:function(){ console.log(this.name + '你不好'); } }; var p2 = new Person('bb'); p1.sayHello(); p2.sayHello();
执行结果:
aa你好
bb你不好
不懂的可以画图看看,一画图就明白了。
0 0
- JavaScript中原型的相关概念
- 原型相关的概念
- 原型相关的概念
- Javascript原型相关的函数
- JavaScript 原型的概念及使用
- JavaScript中原型的重写
- JavaScript中原型的理解
- javascript中的__proto__和prototype,以及ES6中class的原型相关
- JavaScript 原型概念深入理解
- JavaScript 原型概念深入理解
- Javascript模块原型和理论概念的应用实战
- Javascript中对象的原型和对象的原型对象
- javascript DOM原型思考(IE中原型扩展的限制)
- 对JavaScript中原型的理解
- JavaScript中原型的冰山一角。。prototype
- 对JavaScript中原型的理解
- 对JavaScript中原型的理解
- 对JavaScript中原型的理解
- 5.3
- CSS常见布局解决方案
- js切换页面文字大小和背景颜色
- java中compareTo和compare方法之比较
- DialogFragment与Fragment之间互相传值
- JavaScript中原型的相关概念
- Js基础-Demo-动态控件生成
- 03-ARP表、路由控制表、MAC表?
- 【Python学习笔记】- 函数
- 集群tomcate
- 大规模并发带来的挑战
- myeclipse控制台乱码解决
- CUDA By Examples 0
- Jenkins如何更改端口号