JS中~对象重写原型链

最新推荐文章于 2023-07-13 21:15:00 发布
最新推荐文章于 2023-07-13 21:15:00 发布
阅读量331 收藏
点赞数
文章标签： 原型模式 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64970126/article/details/124813357
版权

前面在原型对象每添加一个属性和方法就要书写一遍 Person. prototype 。
为减少不必要的输入，更常见的做法是用一个包含所有属性和方法的对象字面量来重写整个原型对象，将Person. prototype重置到一个新的对象。

注意：利用对象字面量的方法来重写原型对象会丢失constructor成员，所以需要手动将constructor指向正确的构造函数

利用对象字面量的方式创建的字面量porotype原型对象缺失constructor方法不能指向函数，需要我们手动添加constructor方法

&Mark&
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[渡一] 171111 原型链、方法重写、call&apply
simpleone_的博客
11-11 697
JS笔记
js原型链上面的炕：通过实例对象修改原型（链）上面的属性
bailizx
07-14 1408
目录 js：通过实例对象修改原型（链）上面的属性 1 原型对象属性是基本数据类型 2 原型对象的属性为引用类型 3 总结（只是把前面的copy一下，方便记忆） js：通过实例对象修改原型（链）上面的属性 我是在学习原型链继承的时候发现的，学习真能让人发现问题。 这里分原型对象中属性为基本数据类型和引用数据类型两种。 而引用数据类型又分为整体修改还是只是修改引用类型的属性（注意不是原型的属性，而是原型属性（引用类型）的属性，是原型中引用类型的属性。）两种。下面先分别说明，最后总结。 1 ..
js之面向对象（原型链、重定向、重写new)
lly193426的博客
08-31 398
一.原型原型链 所有的类都是函数数据类型的（包含内置类） 所有的函数都天生自带一个属性：prototype原型 prototype的属性值默认是一个对象数据类型值【堆】 在对象中存储的是供实例能调用的公共属性和方法 并且在类的原型对象上，默认有一个属性constructor构造函数，属性值是当前类本身 所有对象数据类型值也天生自带一个属性：__proto__原型链 __proto__属性的属性值：当前实例所属类的原型prototype.实例.proto===类.prototype 都哪些值是对象数据类型的
JS基础--子类型重写超类型方法原型链图解
yilia学习小园
05-06 860
首先我们创建一个父类： // 创建一个父类构造函数 function Parent () { this.parentProperty = '父类属性'; } // 为父类添加一个原型方法 Parent.prototype.getParentProperty = function () { return this.parentProperty; } 此时的原型链是这样的： 接下来创建一个子类...
JavaScript 对对象方法的重写
沉璧的博客
07-09 2428
前几天项目上遇到一个问题是有关浏览器兼容的问题，项目上用了大量的document.getElementById("").attachEvent(ev,fn);方法，导致项目在ie9及以上还有火狐，谷歌浏览器中测试，许多js失效。把以前的代码的方法都替换掉工作量有点大（话说，之前写代码的前辈，给我挖了不小的坑啊），后来想到java的方法可以重写，js的方法也应该可以。 js也是可以面向对象的编程，
几句话带你理解JS中的this、闭包、原型链
11-23
原型链 所有对象都是基于Object.prototype，Object.prototype...要理解原型链机制的话，首先得知道根本原因：JavaScript中的对象都有一个内置属性[[Prototype]]，这个属性和非标准的__proto__属性一样，__proto__在E
理解JavaScript中的对象
10-14
理解JavaScript对象有助于深入学习这门语言。 **对象的简介** 对象在JavaScript中可以视为键值对的集合，这些键值对可以是属性（属性名和属性值）或方法（函数）。对象通常用大括号`{}`表示，内部以逗号分隔键值对...
js代码-js原型链相关
07-15
JavaScript中的原型链是理解JavaScript对象继承机制的关键。它是一种基于原型的继承模型，允许对象可以从其他对象那里继承属性和方法。在JavaScript中，每个对象都有一个内置的`__proto__`属性，这个属性链接到创建...
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
12-07
构造函数、原型实现继承的缺陷 ...这种方式同样适用于继承机制，用对象冒充继承构造函数的属性，用原型链继承 prototype 对象的方法。用这两种方式重写前面的例子，代码如下： 代码如下:function ClassA(sColo
JavaScript中判断对象类型的几种方法总结
12-03
然而，`constructor`属性在原型链中可以被修改，因此这种方法不是完全可靠的，特别是在对象的构造函数被重写或篡改时。 4. `Object.prototype.toString.call()`方法： 这是更为准确的一种判断方式，特别是对于处理...
JavaScript中重写（override）
最新发布
cnds123的专栏
07-13 2887
JavaScript中重写（override）
js实现对象克隆方法(重写原型方法)
qiansuike的博客
04-09 348
Object.prototype.clone = function (obj) { //将obj对象内容克隆到一个空对象 返回这个新的对象 return Object.assign({}, obj); }; let a = { name: 'abc', getName: () => { var name = 'jack'; ...
JS复习(5)——原型的修改和重写
qq_45814762的博客
08-27 983
再讲整题之前，我们需要对原型有一定的理解 //创建一个构造函数Cat function Cat(){} //为构造函数的原型添加属性 Cat.prototype.type="cat"; Cat.prototype.eat = function () { alert('我爱吃鱼') }; //创建实例对象 var cat1 = new Cat(); cat1.eat(); //弹出'我爱吃鱼' 在每个实例对象里面都有一个[[
Js，重写对象的toString()方法
weixin_43800477的博客
09-08 548
var obj = { num:1, //重写对象的toString() toString:function(){ return this.num+1; }, } console.log(obj.toString());//运行结果为2
JS重写原型对象
HH
12-27 2202
js 原型对象 prototype __proto__
JavaScript——面向对象之继承（原型对象）与多态（重载、重写）
Erya Programming learning
07-02 884
文章目录引入问题一、继承1. 步骤(1) 找到所有子对象共同的父对象(2) 将所有子对象公共的方法定义添加到共同的父对象中(3) 所有子对象因继承关系而直接使用父对象中公共的方法2. 原型中this的指代二、自有属性和共有属性三、 内置类型的原型对象:11种内置类型 (背) 引入问题 构造函数只能重用代码结构，但是浪费内存。 (1)凡是放在构造函数中的方法定义，每创建一个新对象，都要重复创建这个方法对象的副本! 所以，构造函数中不应该包含方法的定义! 一、继承 （1）定义：父对象的成员，子对象无需重复创建就
js：自定义Date原型链格式化方法
mosowe
09-07 312
Date.prototype.Format = function (fmt:string) { let o:any = { 'M+': this.getMonth() + 1, // 月份 'D+': this.getDate(), // 日 'h+': this.getHours(), // 小时 'm+': this.getMinutes(), // 分 's+': this.getSeconds(), // 秒 'q
js重写new方法
qq_43184101的博客
07-18 566
重新new,我们知道new到底做了什么事情？，我们才能用方法写出new关键字
JavaScript 原型链常用方法
VFrank
03-17 1351
JavaScript 原型链常用方法 对象属性类型 数据属性 Configurable(表示能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性) Enumerable(表示能否通过 for-in 循环返回属性) Writable(表示能否修改属性的值) Value(这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时...
一个浏览器中 XMLHttpRequest 只有一个原型链
06-03
在 JavaScript 中，我们可以通过原型链来访问一个对象的原型对象，例如： ```javascript var xhr = new XMLHttpRequest(); console.log(xhr.__proto__ === window.XMLHttpRequest.prototype); // true console.log...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值