• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > js中!与!!的用法介绍

js中!与!!的用法介绍

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了js中!与!!,用法介绍等相关知识,希望对您有所帮助

js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值。


js中!与!!的用法介绍


1、!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。

!null=true!undefined=true!''=true!100=false!'abc'=false

2、!!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算,在js中新手常常会写这样臃肿的代码:
判断变量a为非空,未定义或者非空串才能执行方法体的内容

var a;if(a!=null&&typeof(a)!=undefined&&a!=''){    //a有内容才执行的代码 }

实际上我们只需要写一个判断表达:

if(!!a){    //a有内容才执行的代码... }

就能和上面达到同样的效果。a是有实际含义的变量才执行方法,否则变量null,undefined和''空串都不会执行以下代码。

可以总结出来,“!”是逻辑与运算,并且可以与任何变量进行逻辑与将其转化为布尔值,“!!”则是逻辑与的取反运算,尤其后者在判断类型时代码简洁高效,省去了多次判断null、undefined和空字符串的冗余代码。



分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • js中!与!!的用法介绍

相关文章

  • 2022-04-29PhotoShop打造星云四射跳舞的女孩海报效果教程
  • 2022-04-29Photoshop制作超酷的3D岩石字体教程
  • 2022-04-29手把手带你使用Vue + Laravel开发一个简单的 CRUD 应用
  • 2022-04-29JavaScript如何替换中间内容
  • 2022-04-29详解ThinkPHP6结合GuzzleHTTP发送HTTP请求
  • 2022-04-29AI和PS快速制作漂亮复古海报
  • 2022-04-29Photoshop制作梦幻光影效果的艺术字教程
  • 2022-04-29实例详解通过LogMiner实现Oracle数据同步迁移
  • 2022-04-29Ripro主题解决修改网站标题小尾巴的办法
  • 2022-04-29PhotoShop制作抽象背景立体3D字效果教程

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • jQuery url中文乱码怎么办
    • 深入了解Node.js 中的多线程和多进程
    • 【网络营销】网络商店的设计
    • Uniapp发布为H5版本时如何隐藏访问路径的#符号
    • Photoshop制作立体效果的草莓艺术字
    • 小程序中怎么进行父子组件传值和方法调用?(方法汇总)
    • 怎样在Photoshop中保持像素的完美
    • javascript调试之console.table()
    • ThinkPHP框架实现的邮箱激活功能示例
    • Laravel如何使用Observer实现日志管理模块

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有