JavaScript中的”=、==、===”区别讲解

当我们使用JavaScript进行开发的时候，经常需要判断两个变量是否相等或者给一个变量赋值，这时我们就需要使用到 =、== 以及 === 这些操作符。这里我们就来详细讲解一下它们的区别与应用。

= 赋值操作符

在JavaScript中，单个等号（=）表示将右侧的值赋给左侧的变量。例如下面的代码将数值1赋给变量x：

var x;
x = 1;

== 相等操作符

相等操作符（==）用于判断两个值是否相等。如果相等，则返回true，否则返回false。需要注意的一点是，该操作符会进行类型转换，使得比较的两个值类型相同。例如：

console.log(1 == '1') // 输出 true

上述代码输出 true 是因为在使用相等操作符（==）时，JavaScript会将字符串'1'转换为数值1，再与数字1进行比较，由于两个值相等，所以返回true。

=== 严格相等操作符

严格相等操作符（===）用于判断两个值是否严格相等，不会进行类型转换。如果相等，则返回true，否则返回false。例如：

console.log(1 === '1') // 输出 false

上述代码输出 false 是因为在使用严格相等操作（===）时，由于类型不同，两个值不相等，所以返回false。

示例说明

示例一

var a = 1; // 定义变量a并将1赋值给b
var b = '1'; // 定义变量b并将字符串'1'赋值给b

if (a == b) {
  // 使用相等操作符（==）比较a和b是否相等，此处会将'1'转换为数值1进行比较
  console.log('a和b相等');
} else {
  console.log('a和b不相等');
}

运行结果为 'a和b相等'。由于使用了相等操作符（==），JavaScript会将字符串'1'转换为数值1进行比较，由于a和b的值都是1，所以返回true。

示例二

var a = 1; // 定义变量a并将1赋值给b
var b = '1'; // 定义变量b并将字符串'1'赋值给b

if (a === b) {
  // 使用严格相等操作符（===）比较a和b是否严格相等，此处类型不同，所以不相等
  console.log('a和b严格相等');
} else {
  console.log('a和b不严格相等');
}

在运行以上代码时，我们会得到 'a和b不严格相等' 的运行结果。由于使用了严格相等操作符（===），比较时不会进行类型转换，由于a是一个数值类型，b是一个字符串类型，所以a和b不相等。