为JS系统内置对象添加自己封装的方法

已于 2024-07-29 16:19:01 修改
阅读量2.4k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： + JScript 文章标签： OOP
于 2019-07-20 14:24:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44198965/article/details/96583518
+ JScript 专栏收录该内容
125 篇文章 ¥9.90 ¥99.00
订阅专栏
本文探讨如何为JavaScript的Date对象添加自定义方法，通过挂载到原型对象实现实例对象的共享。介绍了如何封装方法并确保constructor属性指向正确，减少重复代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

在JS中，有一些系统内置对象(RegExp、Date、Math…)，封装了一些常用的方法供我们使用。
这些对象的方法，都在自身原型(prototype)对象中挂载，来供实例对象使用。为了证实这一点，本篇用Date对象作为测试，首先来看一下Date对象的结构。

// 查看Date对象结构
console.dir(Date);

在这里插入图片描述
展开prototype原型对象后，除了constructor构造器属性，其他属性并不陌生。
通过属性，可以调用相应的方法，就像我们Date.valueOf()一样。

Date对象加入新方法

从前言中我们可以了解到，每个对象都有一个prototype属性，称之为原型对象。

了解本专栏 订阅专栏 解锁全文
web前端高级JavaScript - 深挖new的实现原理并封装自己的new以及实现内置类原型方法的扩展
lixiaosenlin的专栏
11-11 5850
深挖new的实现原理 在面向对象开发中，我们常常用new关键字来创建一个对象的实例，然后通过这个实例，我们就可以访问类的各种成员了。这是我们对new的最直观的理解。那么在底层我们看不到的地方，new还干了什么呢，接下来我们用代码来做进一步分析。 function Fun(name){ this.name = name; this.sayHello = function(){ console.log(`hello ${this.name}`); } console.log(this);
Javascript中prototype属性实现给内置对象添加新的方法
10-24
主要介绍了Javascript中prototype属性实现给内置对象添加新的方法,涉及javascript中prototype属性的使用技巧,需要的朋友可以参考下
为JS内置对象添加常用方法
weixin_30916125的博客
07-13 129
1、字符串全部替换： String.prototype.replaceAll = function(s1,s2){ return this.replace(new RegExp(s1,"gm"),s2); } 2、时间格式化： Date.prototype.Format = function (fmt) { //author: meizz var ...
不通过外部的自定义对象，如何给内置对象里面追加方法？JS原型属性
迁就100
07-16 292
不通过外部的ArrayUtil自定义对象，如何给Array数组对象（内置对象）里面追加方法？？？ 此时我们通过JS原生属性来操作 首先把额外的方法追加到原型对象（Prototype）中 然后通过原型属性在内置对象中引入原型对象 那么当前额外的方法会自动追加到内置对象中 方法一 function Array(){ //内置方法 this.join=function(){} this.rev...
JS内置对象Date的常用方法及封装
weixin_47087729的博客
05-21 284
JS内置对象Date的常用方法及封装 let now = new Date() 1.获取年份 let yy = now.getFullYear() console.log(yy) // 当前年份 2.获取月份 let mm = now.getMouth()+1 // 注意月份为0-11 要+1补全 console.log(mm) // 当前月份 3.获取日期 let dd = now.getDate() console.log(dd) // 当前日期 4.获取小时 let hh = now.get
原生javascript自己封装的一些常用小方法
03-21
原生javascript自己封装的一些常用小方法
JavaScript常用工具方法封装
10-17
每个函数使用了JavaScript内置的toString方法来获取对象的内部[[Class]]属性值。由于直接使用toString()方法会得到"[object 类型]"格式的字符串，所以需要截取字符串的中间部分来获取类型名称。比如，Object....
javascript 面向对象编程基础：封装
10-29
在JavaScript中，封装的实现通常是通过对象字面量或通过构造函数创建对象，并给对象添加方法和属性来完成。对象可以拥有私有属性和公开方法，公开方法可以调用私有属性来提供服务，但私有属性对外部是不可见的，这样...
JS面向对象编程基础篇（二） 封装操作实例详解
10-15
面向对象编程是JavaScript的核心特性之一，虽然它没有像其他传统OOP语言那样提供明确的类（Class）概念，但JS提供了独特的封装、继承和多态等面向对象特性。本篇文章将详细讲解JavaScript中的封装操作，通过实例分析...
JS数组内置操作方法（自用）
博客标题不能为空
09-14 147
JS数组内置操作方法（自用）
javascript 内置对象大全（完整版）
10-14
史上最全的javascript 内置对象大全。包含javascript中所有属性。方法。事件。真可谓是新手们不可多得的经典教材。值得收藏。
JS 面向对象之封装
u011705725的博客
04-30 630
JS 是面向对象语言，提到面向对象，就不得不说它的三要素之封装。 原始模式 var cat1 = {name:"guaiguai",color:"白毛"} var cat2 = {name:"huaihuai",color:"黑色"} 存在问题： 多生成几个实例，代码就会很冗余，写起来也很麻烦 cat1 与 cat2 之间看不出来有啥关联 工厂模式 function createCat(name,color) { return { name:name, color:color } } .
封装一个方法实现js内置对象array的indexOf()方法
zerobaek的博客
10-14 2819
indexOf()方法需要单独进行封装的可能原因： 数组的位置方法是ECMAScript5为数组实例新增的，所以支持的浏览器只有：IE9+、Firefox2+、Safari3+、Opera9.5和Chrome function ArrayIndexOf(arr,value){ // 检测value在arr中出现的位置 for(var i=0;i<
JavaScript笔记3--封装JS对象
叭叭叭的博客
03-21 1507
<script> function ClassA(){ var a = 1; //私有变量，只有函数内部可以访问 this.b = 2; //实例变量，只有实例可以访问 } ClassA.c = 3; // 静态变量，也就是属性，类型访问 ClassA.prototype.d = 4;//实例变量，只有实例可以访问 functi
内置对象及使用方法
m0_62337846的博客
03-30 504
创建的对象的方式: 通过调用系统的构造函数创建对象new object() var obj1=new object(); 2.自定义构造函数创建对象 var obj2=new自定义构造函数(); 3.字面量的方式创建对象 var obj3={}; 变量instanceof 对象------->布尔类型,判断这个变量是不是这个类型的 JSON格式的数据,都是键值对,成对的数据 var obj={ name : "小明” }; var json={ "name" : "小明..
JavaScript 内置对象
shen_yk的博客
11-14 266
首先 在开头 我先把昨天的再给补上两点 (lll￢ω￢) new 关键字执行过程   第一步 new 构造函数 可以在内存中创建一个空的对象 也就是说只要用一次 new就会占用内存   第二步 this 就会指向刚刚创建的空对象   第三步 执行构造函数中的代码 给空对象添加属性和方法   第四步 返回对象 遍历对象 for in 遍历对象 语法格式 for(变量 ...
给javascript自带类对象封装一个新的方法
02-23 126
  使用prototype这个特殊的属性实现：     String.prototype.isDate = function(){ 　　var regex = new RegExp("^[\d]([-|/])[\d]{1,2}([-|/])[\d]{1,2}$"); 　　console.log(this); 　　return regex.exec(this); 　　} 　　var...
JS常用方法封装
油墨香^-^的博客
05-20 1848
数组扁平化 数组扁平化是指将一个多维数组变为一个一维数组 const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6] 方法一：使用flat()
Altium designer别再傻傻的一个个给元件添加封装了
热门推荐
weixin_45905650的博客
08-04 1万+
AD如何一次性给相同元件添加封装方法一：原理图画好后添加封装方法二：原理图画之前指定封装 方法一：原理图画好后添加封装 打开一个原理图文件。以LED为例，选中LED，选择查找相似对象。 选择same 确认后会将相同对象高亮 按shift键配合鼠标右键全选高亮的元器件，并在窗口里修改共同属性，修改PCB封装为LED0805，然后按回车键确认 在原理图的空白处单击，会看到面板变成空白。这时，就说明我们的修改已经生效。 最后按Shift+C（就是清除蒙板的意思）退出。 方法二：原理图画之前指定封装 在做
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蔡来了

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值