>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 14621 个阅读者 刷新本主题
 * 贴子主题:  javaScript中"=="和"==="运算符的区别 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2024-05-01 00:36:07     消息  查看  搜索  好友  邮件  复制  引用

相同点:

  两个运算符均可用于比较两个值是否相等,可允许操作任意类型的操作数,如果操作数相等则返回true,否则返回false。


不同点:

  "==="运算符也称为严格相等运算符,它用来检测两个操作数是否严格相等。该运算符首先计算其操作数的值,然后比较这两个值,比较过程中并不会首先对操作符进行任何类型转换。

  "=="运算符称为相等运算符,用来检测两个操作数是否相等,这里“相等”的定义非常宽松,可以允许进行类型转换。相等运算符"=="和"==="运算符类似,但相等运算符的比较并不严格。如果两个操作数不是同一类型,那么相等运算符会尝试对操作数进行一些类型转换,然后进行比较。例如:

  1.如果一个值是null,另一个是undefined,则他们相等。

  2.如果一个值是数字,另一个是字符串,比较时现将字符串转换为数字,然后使用转换后的值比较。

  3.如果其中一个值是true,则将其转换为1再进行比较。


使用情况:

  因为在使用过程中"=="会出现类型转换,所以为避免在使用"=="过程中出现意想不到的类型转换而影响比较结果,建议除特殊情况外全部用"==="。(见《JavaScript权威指南》 第六版 268页)。



效率情况:

  由于"=="在计算过程中会存在类型转换,如果进行很少的操作数判断的话,则"=="和"==="的效率相差无几,但是如果进行多次比对的话,则"==="效率整体上会高于"==",测试用例如下,改变for循环次数和运算符(a==b / a===b)即可测试。
1 var date1 = new Date();
2 var j = 0, k = 0;
3 for(var i =0; i<10000; i++){
4     var a = undefined;
5     var b = null;
6     a == b ? j++ : k++;
7 }
8 var date2 = new Date();
9 console.log("一共 " + (date2.getTime()-date1.getTime()) + " 毫秒");
10 if(j !== 0){
11     console.log("j==" + j);
12 }else if( k !== 0) {
13     console.log("k==" + k);
14 }

程序猿的技术大观园:www.javathinker.net
  Java面向对象编程-->多线程(下)
  JavaWeb开发-->Servlet技术详解(Ⅱ)
  JSP与Hibernate开发-->Spring、JPA与Hibernate的整合
  Java网络编程-->基于MVC和RMI的分布式应用
  精通Spring-->Vue简介
  Vue3开发-->Vue Router路由管理器
  Webpack 插件开发指南
  10个开发者经常问的JavaScript面试题(附答案解析)
  JS 闭包的 9 大经典使用场景
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  JavaScript输出格式化日期和时间
  理解前后端分离的概念
  JavaScript 进制转换的实用代码
  jQuery 删除元素
  JavaScript的History 对象
  JavaScript Date 对象
  JavaScript 正则表达式
  JavaScript HTML DOM 节点列表
  JavaScript 闭包
  jQuery Mobile 安装
  DTD - XML 构建模块
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。