当前位置:首页 > JavaScript

js原型链实现加减乘除

2026-03-02 01:42:56JavaScript

原型链实现加减乘除的方法

在JavaScript中,可以通过原型链扩展Number对象的原生功能,实现自定义的加减乘除方法。以下是具体实现方式:

扩展Number原型添加add方法

Number.prototype.add = function(num) {
  return this + num;
};

使用示例:

let result = (5).add(3); // 返回8

扩展Number原型添加subtract方法

Number.prototype.subtract = function(num) {
  return this - num;
};

使用示例:

js原型链实现加减乘除

let result = (10).subtract(4); // 返回6

扩展Number原型添加multiply方法

Number.prototype.multiply = function(num) {
  return this * num;
};

使用示例:

let result = (7).multiply(3); // 返回21

扩展Number原型添加divide方法

Number.prototype.divide = function(num) {
  if(num === 0) throw new Error('除数不能为0');
  return this / num;
};

使用示例:

js原型链实现加减乘除

let result = (15).divide(5); // 返回3

链式调用实现

这些方法可以链式调用:

let result = (10).add(5).subtract(3).multiply(2).divide(4); 
// 结果为 ((10+5)-3)*2/4 = 6

注意事项

修改内置对象的原型可能会影响代码的可维护性,特别是在大型项目中或与他人协作时。建议谨慎使用原型扩展,或者考虑使用实用函数代替:

function add(a, b) { return a + b; }
function subtract(a, b) { return a - b; }
// 其他运算函数...

这种方法避免了修改原生原型,减少了潜在的冲突风险。

分享给朋友:

相关文章

实现一个js原型继承

实现一个js原型继承

原型继承的基本概念 在JavaScript中,每个对象都有一个内部属性[[Prototype]],指向另一个对象或null。通过原型链,对象可以访问其原型上的属性和方法。 构造函数模式 定义一个构造…

js 实现原型

js 实现原型

原型的基本概念 在JavaScript中,每个对象都有一个原型(prototype),原型本身也是一个对象。原型用于实现继承和共享属性。当访问一个对象的属性时,如果对象本身没有该属性,JavaScri…

js原型链实现计算器

js原型链实现计算器

使用原型链实现计算器 在JavaScript中,可以通过原型链实现一个基础的计算器功能。以下是一个基于原型链的计算器实现示例: 定义构造函数 function Calculator() {…

vue原型实现

vue原型实现

Vue 原型的实现方法 在 Vue 中,原型(prototype)通常用于扩展 Vue 的功能,例如添加全局方法或属性。以下是几种常见的实现方式: 使用 Vue.prototype 添加全局方法 可…

css 3 制作原型

css 3 制作原型

使用CSS3制作原型的常见方法 圆角边框(border-radius) 通过border-radius属性可以轻松实现圆形或圆角矩形。例如制作一个圆形头像框: .avatar { width:…