js==和===的区别

最新推荐文章于 2023-03-07 10:29:15 发布

不会打字314

最新推荐文章于 2023-03-07 10:29:15 发布

阅读量177

点赞数

分类专栏：前端面试和理论知识文章标签： html js

本文链接：https://blog.csdn.net/shaoming314/article/details/121504009

版权

面试和理论知识同时被 2 个专栏收录

54 篇文章 4 订阅

订阅专栏

前端

25 篇文章 1 订阅

订阅专栏

js和=的区别

参考网址：

https://blog.csdn.net/Intelligent_/article/details/104588540?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163765444716780366538588%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=163765444716780366538588&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2_allfirst_rank_ecpm_v1~rank_v31_ecpm-9-104588540.pc_search_result_cache&utm_term=%3D+%3D%3D+%3D%3D%3D%E5%8C%BA%E5%88%AB&spm=1018.2226.3001.4187

说明：
作者这篇帖子介绍已经比较详细 , 这个知识点我听说是前端高频基础 面试题

我整理成了一个html文件，直接点击按钮运行即可

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<button id='btn'>测试按钮</button>
<!-- 测试前端 == 和 === 的区别 -->
<script>
    var btn = document.getElementById('btn')
    btn.onclick = function () {
        alert('测试开始,浏览器控制台查看验证结果');
        /*
        （1）== 等于
            只比较值，不比较数据类型
             不论数据类型，只看数值是否相等
            console.log(1== 1);
            在控制台输出的结果为 true
            console.log(1 == '1');
            在控制台输出的结果也为 true
        */
        console.log('== 等于 测试');
        console.log(1 == 1);
        console.log('1' == 1);
        console.log("1" == 1);

        /*
        （2）=== 全等
         值和数据类型都需要比较
         必须数据类型和值都要相同时，才会为true
         console.log(1 === 1);
        在控制台输出的结果为 true

        console.log(1 === '1');
        在控制台输出的结果为 false

        不同的原因：
        console.log(typeof(1));
        检查数据类型： 1 数据类型为 number

        console.log(typeof('1'));
        检查数据类型： '1' 数据类型为 string

        因为 === 全等需要比较值和数据类型的，两者任一条件不满足则就不会是全等
         */
        console.log('=== 全等 测试')
        console.log(1 === 1)
        console.log('1' === 1);
        console.log("1" === 1);

        /*
        3、== 和 === 中的注意点：
        （1）== 等于
        ① 如果两个值类型不同，也有可能相等
        若一个是null，一个是 undefined，那么结果是相等的
        ② 如果其中至少一个是NaN，那么就不相等

        console.log( null == undefined);
        在控制台输出的结果为 true

        console.log( NaN == NaN);
        在控制台输出的结果为 false
        */
        console.log('== 和 === 中的注意点');
        console.log( null == undefined);
        console.log( NaN == NaN);

        /*
        （2）=== 全等于
        ① 若一个是null，一个是 undefined，那么结果是不相等的
        因为null的数据类型是object，而undefined的数据类型是undefined，显然两个虽然都表示空，但是还是不全等的。

        console.log( null === undefined);
        在控制台输出的结果为 false

        console.log(typeof(null));
        在控制台输出的数据类型是 object

        console.log(typeof(undefined));
        在控制台输出的数据类型是 undefined

         */
        console.log( null === undefined);

        console.log(typeof(null));

        console.log(typeof(undefined));
        /*
        ② 如果两个值都是null，或是undefined，那么全等
        console.log( null === null);
        在控制台输出的结果为 true
        console.log( undefined === undefined);
        在控制台输出的结果为 true
         */
        console.log( null === null);

        console.log( undefined === undefined);
        /*
        ③ 若其中至少一个是NaN，那么结果也是不相等
        NaN ：表示不是一个数字。
        需要注意的是，NaN是JavaScript 中唯一 一个自身不相等的存在！
        另外：判断一个值是否是NaN，只能使用 isNaN( ) 来判断。

        console.log(typeof(NaN));
        在控制台输出的数据类型是 number

        console.log( NaN === NaN);
        在控制台输出的结果为 false
         */
        console.log(typeof(NaN));

        console.log( NaN === NaN);
    }
</script>
</body>

</html>

不会打字314

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js==和===的区别

js和=的区别参考网址：https://blog.csdn.net/Intelligent_/article/details/104588540?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163765444716780366538588%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=16376544471
复制链接

扫一扫