javascript原型的改动与重写(覆盖)区别
JavaScript重写 区别 覆盖 原型 改动
2023-09-11 14:14:43 时间
每一个JavaScript函数都有prototype属性(javascript对象没有这个属性),这个属性引用了一个对象,这个对象就是原型对象。javascript同意我们改动这个原型对象。
改动有2种方式:
方式1:在原有的原型对象上添加属性或者方法
function Person() { } Person.prototype.add = function(){ alert(this.name); }; Person.prototype.name = "aty"; var p1 = new Person(); p1.add();//aty
方式2:重写(覆盖)原型对象
function Person() { } Person.prototype = { add : function(){ alert(this.name); }, name : "aty" } var p2 = new Person(); p2.add();//aty
function Person() { } function Animal() { } var person = new Person(); var animal = new Animal(); // 改动原型 Person.prototype.say = function(){ alert("person"); } // 改动原型 Animal.prototype = { say : function(){ alert("person"); } } person.say();//person animal.say();//Uncaught TypeError: undefined is not a function假设是先创建对象。然后再改动原型,那么假设採用方式1,已经创建的对象可以正确訪问改动后的原型。假设採用方式2,已经创建的对象无法訪问到改动后的原型。从这个角度来看,显然方式1例如式2更好。为什么会这样呢?
function Person() { } function Animal() { } var person = new Person(); var animal = new Animal(); alert(person.__proto__ === Person.prototype);//true alert(animal.__proto__ === Animal.prototype);//true // 改动原型 Person.prototype.say = function(){ alert("person"); } // 改动原型 Animal.prototype = { say : function(){ alert("person"); } } alert(person.__proto__ === Person.prototype);//true alert(animal.__proto__ === Animal.prototype);//false非常显然这与java中"改动引用"和"改动引用指向的对象"非常相似。效果也是一样的。
相关文章
- 第一章 JavaScript简介
- JavaScript 16. 循环语句
- [JavaScript] 整数金额转汉语数字大写
- 【JavaScript】谈谈Google Polymer以及Web UI框架的未来
- 【JavaScript】Understanding callback functions in Javascript
- 一篇JavaScript技术栈带你了解继承和原型链
- JavaScript对象编程-第3章
- javascript 指定绑定函数名称,并且传递参数
- 《编写可维护的JavaScript》——第 1 章 基本的格式化1.1 缩进层级
- 《JavaScript高效图形编程(修订版)》——6.2 位图、矢量图,或两者兼而有之?
- javascript学习之BOM
- 原生JavaScript进阶训练---重写call方法
- JavaScript之简易http接口测试工具网页版
- JavaScript 的json源码
- javascript 的 jasmine 的測试语句
- 每天一个JavaScript实例-铺货鼠标点击位置并将元素移动到该位置