• javascript类型系统——布尔Boolean类型


    前面的话

      布尔值Boolean类型可能是三种包装对象Number、String和Boolean中最简单的一种。NumberString对象拥有大量的实例属性和方法,Boolean却很少。从某种意义上说,为计算机设计程序就是与布尔值打交道,作为最基本的事实,所有的电子电路只能识别和使用布尔数据。本文将介绍布尔Boolean类型

    定义

      布尔Boolean类型表示逻辑实体,它只有两个值,保留字true和false,分别代表真和假这两个状态

      Boolean包装类型是与布尔值对应的引用类型,在布尔表达式中使用Boolean对象容易造成误解

    var b1 = true;
    var b2 = new Boolean(true);
    console.log(b1,typeof b1);//true 'boolean'
    console.log(b2,typeof b2);//Boolean{[[PrimitiveValue]]: true}  'object'
    console.log(b1.valueOf(), typeof b1.valueOf());//true 'boolean'
    console.log(b2.valueOf(), typeof b2.valueOf());//true 'boolean'

    应用场景

      布尔类型主要应用于如下场景:

      【1】条件和循环语句

      布尔值主要应用于条件和循环语句的条件部分。比如,if语句中,如果布尔值为true执行第一段逻辑,如果为false执行另一段逻辑。通常将一个创建布尔值的比较直接与使用这个比较的语句结合在一起

    if(a > 1){
        //条件为true时,执行此处
    }else{
        //条件为false时,执行此处
    }

      【2】逻辑运算符

      逻辑运算符又叫布尔运算符。逻辑非运算符总是返回布尔值,而逻辑或和逻辑与操作并非如此

      同时使用两个逻辑非操作符,可以将类型转换为布尔型

    console.log(!!1);//true
    console.log(!!0);//false
    console.log(!!' ');//true
    console.log(!!'');//false

      【3】关系运算符

      关系运算符用于测试两个值之间的关系,根据关系是否存在而返回true或false,关系表达式总是返回一个布尔值,通常在if、while或for语句中使用关系表达式,用以控制程序的执行流程

    console.log( 1 > 2);//false
    console.log( 1 < 2);//true

    转为布尔

      将一个值转为布尔值可使用Boolean()转型函数

    假值

      转换成false的值称为假值(falsy value),这7个值包括undefined、null、+0、-0、NaN、false、""(空字符串)

    console.log(Boolean(undefined));//false
    console.log(Boolean(null));//false
    console.log(Boolean(0));//false
    console.log(Boolean(-0));//false
    console.log(Boolean(NaN));//false
    console.log(Boolean(''));//false
    console.log(Boolean(false));//false

      [注意]在Number()方法中空字符串和空白字符串都转换为0,而在Boolean方法中,空字符串""转换为false,而空白字符串" "转换为true

    console.log(Number(''));//0
    console.log(Number(' '));//0
    
    console.log(Boolean(''));//false
    console.log(Boolean(' '));//true

      除了这7个假值外,其他的值转换为布尔值都是true,也称为真值(truthy value)

      [注意]所有对象(包括空对象)的转换结果都是true,甚至连false对应的布尔对象new Boolean(false)也是true

    console.log(Boolean({}));//true
    console.log(Boolean([]));//true
    
    console.log(Boolean(new Boolean(false)));//true
    console.log(Boolean(false));//false
    console.log(Boolean(new Boolean(null)));//true
    console.log(Boolean(null));//false

    实例方法

      Boolean对象是与布尔值对应的包装类型,继承了Object对象的通用方法toString()、toLocaleString()、valueOf()这三个方法

    【toString()】

      toString()方法返回Boolean的字符串值('true'或'false')

    【toLocaleString()】

      toLocaleString()方法返回Boolean的字符串值('true'或'false')

    【valueOf()】

      valueOf()方法返回Boolean的原始布尔值(true或false)

    console.log(true.valueOf());//true
    console.log(true.toString());//'true'
    console.log(true.toLocaleString());//'true'
    
    console.log((new Boolean(false)).valueOf());//false
    console.log((new Boolean(false)).toString());//'false'
    console.log((new Boolean(false)).toLocaleString());//'false'

    参考资料

    【1】 ES5/Boolean对象 https://www.w3.org/html/ig/zh/wiki/ES5/builtins
    【2】 阮一峰Javascript标准参考教程——语法概述 http://javascript.ruanyifeng.com/
    【3】 W3School-Javascript高级教程——Boolean对象 http://www.w3school.com.cn/
    【4】《javascript权威指南(第6版)》第3章 类型、值和变量
    【5】《javascript高级程序设计(第3版)》第3章 基本概念
    【6】《javascript DOM编程艺术(第2版)》第2章 Javascript语法
    【7】《javascript启示录》 第12章 Boolean()

  • 相关阅读:
    C语言得到当前系统时间
    【solr这四个主题】在Tomcat 部署Solr4.x
    MySQL 一般查询日志(General Query Log)
    iOS7 UIKit动力学-碰撞特性UICollisionBehavior 上
    Java Persistence with MyBatis 3(中国版) 第五章 与Spring集成
    Kaggle入门——使用scikit-learn解决DigitRecognition问题
    Effective C++:规定34:区分接口继承和实现继承
    Critical thinking and Thoughtful writing
    我的时间,GTD做主
    jquery自己主动旋转的登录界面的背景代码登录页背景图
  • 原文地址:https://www.cnblogs.com/xiaohuochai/p/5616641.html
Copyright © 2020-2023  润新知