美文网首页
前端(12 HTML知识)

前端(12 HTML知识)

作者: 周肸 | 来源:发表于2018-08-22 08:31 被阅读0次

1.强制类型转换

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>强制类型转换</title>
  <script type="text/javascript">
/*
强制类型转换
    - 指将一个数据类型强制转换为其他的数据类型
    - 类型转换主要指,将其他的数据类型,转换为
        String Number Boolean
*/
/*
将其他的数据类型转换为String
方式一:
    - 调用被转换数据类型的toString()方法
    - 该方法不会影响到原变量,它会将转换的结果返回
    - 但是注意:null和undefined这两个值没有toString()方法,如果调用他们的方法,会报错
方式二:
    - 调用String()函数,并将被转换的数据作为参数传递给函数
    - 使用String()函数做强制类型转换时,
        对于Number和Boolean实际上就是调用的toString()方法
        但是对于null和undefined,就不会调用toString()方法
        它会将 null 直接转换为 "null"
        将 undefined 直接转换为 "undefined"
*/
    var a = 123;
//调用a的toString()方法
//调用xxx的yyy()方法,就是xxx.yyy()
    a = a.toString();
    a = true;
    a = a.toString();
    a = null;
//a = a.toString(); //报错
    a = undefined;
//a = a.toString(); //报错
    a = 123;
    
//调用String()函数,来将a转换为字符串
    a = String(a);
    a = null;
    a = String(a);

    a = undefined;
    a = String(a);
    console.log(typeof a);
    console.log(a);
  </script>
 </head>
<body>

</body>
</html>

2.Null和Undefined

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Null和Undefined</title>
    <script type="text/javascript">
/*
Null(空值)类型的值只有一个,就是null
    null这个值专门用来表示一个为空的对象
    使用typeof检查一个null值时,会返回object
Undefined(未定义)类型的值只有一个,就undefind
    当声明一个变量,但是并不给变量赋值时,它的值就是undefined
    使用typeof检查一个undefined时也会返回undefined
*/
      var a = null;
      console.log(a);
      console.log(typeof a);
      var b;
      b = undefined;
      console.log(b);
      console.log(typeof b);
    </script>
  </head>
<body>

</body>
</html>

3.Boolean

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Boolean</title>
    <script type="text/javascript">
/*
Boolean 布尔值
    布尔值只有两个,主要用来做逻辑判断
    true
        - 表示真
    false
        - 表示假
    
    使用typeof检查一个布尔值时,会返回boolean
*/
        var bool = false;
        console.log(typeof bool);
        console.log(bool);
    </script>
  </head>
<body>

</body>
</html>

相关文章

网友评论

      本文标题:前端(12 HTML知识)

      本文链接:https://www.haomeiwen.com/subject/ewceiftx.html