以下是html代码,个人建议放在IDE里运行,边看效果,边学习~
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>JS初步(四)——运算符(一)</title> <script> /* 运算符(操作符) - 通过运算符可以对一个或多个值进行运算,并获取运算结果 比如:typeof就是运算符,可以来获得一个值的类型 它会讲该值的类型以字符串的形式返回 算术运算符 当非number类型的值进行运算时,会先将其转换为数值,再进行运算(除了加法运算) 任何值和NaN做运算都得NaN 任何值和字符串做加法运算,都会先转换为字符串,在进行运算 - 我们可以利用这一特点,来将一个任意的数据类型转换为String类型 我们只需要为任意的数据类型加一个"”即可将其转换为String类型 这是一种隐式的类型转换,由浏览器自动完成,实际上它也是调用String()函数 任何值做*-/运算时都会自动转换为Number类型 我们可以利用这一特点做隐式的类型转换 可以通过为一个值-0 *1 /1来将其转换为Number类型 原理和Number()函数一样,使用起来更加简单 "+" - 对两个值进行加法运算,并将结果返回,返回的值不会影响原变量 - 两个字符串进行加法运算,会做拼串,然后返回 "-" - 对两个值进行减法运算,并将结果返回,返回的值不会影响原变量 "*" - 对两个值进行乘法运算,并将结果返回,返回的值不会影响原变量 "/" - 对两个值进行除法运算,并将结果返回,返回的值不会影响原变量 "%" - 取模运算(取余数) 一元运算符(只需要一个操作数的运算符) "+" 正号 - 正号不会对数字产生任何影响 "-" 负号 - 负号可以对数字进行负号的取反 - 对于非number值,它会先将其转换为number类型,再运算 可以对其他的数据使用+,使其转换为number,原理与Number()一致 */ var a = 123; var b = typeof a; console.log(a); //输出123 console.log(b); //输出number console.log(typeof b) //输出string //特殊的NaN var a = 2 + NaN; console.log(a); //输出NaN //拼串效果 var a = "123" + "456" console.log(a); //输出"123456" //通过加法运算符进行换行拼串 var b = "道可道," + "非常道;"+ "名可名,"+ "非常名。" console.log(b); //输出"道可道,非常道;名可名,非常名。" //数字与字符串相加时,数值会变成字符串,而不是字符串编程数值,仅限加法 var b = 123 + "321"; console.log(b); //输出"123321" var a = 1 + 2 + "3"; var b = "1" + 2 + 3; console.log(a); //输出"33",前一个3是1、2相加得来的 console.log(b); //输出"123" var a = 100 - "1"; //字符串1转换成了数值,然后相减,而加法则是特例 console.log(a); //输出99 console.log(typeof a); //输出number //一元运算符的使用举例 var a = 1 + +"2" + 3; console.log(a); //输出6 console.log(typeof a); //输出number </script> </head> <body> </body> </html>
Web全栈工程师之路(三)——JavaScript篇(四)——运算符(一)
原文:https://www.cnblogs.com/lyrebirth-world/p/12862534.html