JavaScript学习笔记：JS运算符重载

1、定义

在了解运算符重载之前，先了解一下重载。重载是指可使函数、运算符等处理不同类型数据或者接受不同个数参数的一种方法。
函数重载是指函数名相同，函数参数个数或者参数类型不同，以至于返回类型可异同。
运算符重载是指对已有得运算符重新定义，赋予其另一种功能，以达到适应不同数据类型得目的。

2、JS中运算符重载

2.1 加法运算符

JS运算符中，加法运算符自带重载功能，即运算的数据类型不同导致加法运算符产生的行为不同，如下：

// 数值+数值 结果为数值
1+1    // 2// 数值+BOOL值 结果为数值
1 + true // 2// BOOL值+BOOL值 结果为数值
true + true // 2// 数值+字符串 结果为字符串
1 + '1' // '11'
5 + 3 + '1' // '81'
5 + '1' + 3 // '513'//bool值+字符串 结果为字符串
false + '1'

需要注意的是加法运算符会从左到右计算，每次计算对会进行一次重载，故而字符串位置不同得到的运算结果不同。

2.2 其他运算符重载

对于对象之间的运算，通过重载我们可以让通用的运算符达到我们想要的结果，如对valueOf方法进行重载。举例如下：
当数值与对象之间进行计算时，通常无法直接运算，如下：

var obj = { p: 1 };
obj + 2 // "[object Object]2"

运算过程会如下：

1、先调用obj.valueOf()得到{ p: 1 }
2、由于{p:1}无法直接运算，故而调用toString()得到"[object Object]"
3、最后执行"[object Object]" + 2 得到"[object Object]2"

此时得到的结果不是我们预期结果，我们可以通过重载valueOf来改变运算结果，如下：

var obj = {p: 1,valueOf: function () {return this.p;}
};obj + 2 // 3

对于特殊功能的实现，重载一般能起到作用，但对于JS来讲，一般不建议改变对象原有的运算符。

JavaScript学习笔记：JS运算符重载相关推荐

JavaScript学习笔记——JS中的变量复制、参数传递和作用域链
今天在看书的过程中,又发现了自己目前对Javascript存在的一个知识模糊点:JS的作用域链,所以就通过查资料看书对作用域链相关的内容进行了学习.今天学习笔记主要有这样几个关键字:变量.参数传递.执 ...
JavaScript学习笔记——JS基础0
JavaScript的起源: JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证.所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则.比如:用户名的长度,密码的长度, ...
javaScript学习笔记之运算符
运算符 = 用于赋值.用于给 JavaScript 变量赋值. 运算符 + 用于加值.算术运算符 + 用于把值加起来. 下面展示了算术运算符及赋值运算符: <!DOCTYPE html> ...
(C++学习笔记七)运算符重载
九.运算符重载 1.Code : #include<iostream> using namespace std;//运算符重载的意义: //对已有的运算符重新进行定义,赋予其另一项功能 ...
菜鸟教程-Javascript学习笔记-JS函数之前
教程连接是: https://www.runoob.com/js/js-tutorial.html DOM(一些操作页面元素的方法) BOM(一些操作浏览器的方法) ################# ...
c++学习笔记之运算符重载
1.重载运算符 void operator+(....) //重载"+"运算符 (1)如果是成员函数形式,那么必须是非static (2)使用运算符必须重载,除了&q ...
JavaScript学习笔记——JS基础9
90邮件的正则 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
1. JavaScript学习笔记——JS基础
1. JavaScript基础 1.1 语法严格区分大小写标识符,第一个字符可以是 $,建议使用小驼峰法, 保留字.关键字.true.false.null不能作为标识符 JavaScript是用U ...
JavaScript学习笔记——JS错误处理
JavaScript 错误 try 语句测试代码块的错误 catch 语句处理错误 throw 语句创建自定义错误 JavaScript抛出错误当错误发生时,当事情出问题时,JavaScript 引 ...
[Javascript学习笔记]JS变量不声明也能使用，直接天下无敌！
认识变量什么是变量变量变量的输入与输出同时声明多个变量声明变量特殊情况变量命名规范什么是变量本质:变量是程序在内存中申请的一块用来存放数据的空间. 变量变量的输入与输出 <!D ...