夜光带你走进JavaScript（十四）擅长的领域

编程入门行业动态更新时间:2024-10-10 00:23:03

夜光<a href=https://www.elefans.com/category/jswz/34/1769690.html style= 带你走进JavaScript（十四）擅长的领域"/>

夜光带你走进JavaScript（十四）擅长的领域

夜光序言：

有一种爱，它是无言的，是严肃的，在当时往往无法细诉，然而，它让你在过后的日子里越体会越有味道，一生一世忘不了，它就是那宽广无边的父爱。

正文：

JavaScript == 与 === 区别

1、对于 string、number 等基础类型，== 和 === 是有区别的

a）不同类型间比较，== 之比较 "转化成同一类型后的值" 看 "值" 是否相等，=== 如果类型不同，其结果就是不等。
b）同类型比较，直接进行 "值" 比较，两者结果一样。

2、对于 Array,Object 等高级类型，== 和 === 是没有区别的

进行 "指针地址" 比较

3、基础类型与高级类型，== 和 === 是有区别的

a）对于 ==，将高级转化为基础类型，进行 "值" 比较
b）因为类型不同，=== 结果为 false

4、!= 为 == 的非运算，!== 为 === 的非运算

JavaScript 运算符

运算符 = 用于赋值。

运算符 + 用于加值。

运算符 = 用于给 JavaScript 变量赋值。

算术运算符 + 用于把值加起来。

举个例子：

指定变量值，并将值相加：

y=5;
z=2;
x=y+z;

在以上语句执行后，x 的值是：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>夜光</title>
</head>
<body><p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>function myFunction(){y=5;z=2;x=y+z;document.getElementById("demo").innerHTML=x;}
</script></body>
</html>

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>夜光</title>
</head>
<body><p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>function myFunction(){y=5;z=2;x=y-z;document.getElementById("demo").innerHTML=x;}
</script></body>
</html>

用于字符串的 + 运算符

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>夜光</title>
</head>
<body><p>点击按钮创建及增加字符串变量</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>function myFunction(){txt1="What a very";txt2="nice girl，l love you so much~~";txt3=txt1+txt2;  //夜光：连接字符串document.getElementById("demo").innerHTML=txt3;}
</script></body>
</html>