js基本类型

小白村第一深情

已于 2022-04-14 20:26:10 修改

阅读量678

点赞数

分类专栏： js 文章标签： javascript

于 2022-04-14 20:17:34 首次发布

本文链接：https://blog.csdn.net/ceike/article/details/124179394

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

文章目录

汉字出现的问题
Number类型
Sting类型
boolean类型
undefined类型
Null
symbol
bigint
Object类型

1 当出现汉字时，程序正常运行。(此时汉字被赋予新的内容，成为字符)


    <script>    
        let a = 10;
        console.log(a);

        let c = "大哥";
        console.log(c);

    </script>

2.精度缺失问题

typeof 用于判断数据类型 typeof 变量/数据==>数据类型

number 数字类型

1.小数称浮点数

在某些特定小数计算的时候比如：

0.1+0.2==0.300000000000004

原因： js是解析性脚本语言==>主流汇编语言==>机器二进制语言，转换为二级制的时候出现了精度缺失（一般计算量太大都不用前端js，后端处理）

2.次幂表示

2**53 -2**53相当于2的53次幂 number 数据计算超出范围，超出则精度缺失。

3.NAN无法计算的数据，除了字符串与数字之外，都属于number类型

具体参考https://blog.csdn.net/weixin_42992551/article/details/116204592?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164993577316781685363982%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=164993577316781685363982&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-1-116204592.142^v8^pc_search_result_control_group,157^v4^control&utm_term=number%E7%B1%BB%E5%9E%8B&spm=1018.2226.3001.4187https://blog.csdn.net/weixin_42992551/article/details/116204592?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164993577316781685363982%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=164993577316781685363982&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_click~default-1-116204592.142%5Ev8%5Epc_search_result_control_group,157%5Ev4%5Econtrol&utm_term=number%E7%B1%BB%E5%9E%8B&spm=1018.2226.3001.4187

3.String字符串类型

被""双引号"单引号``反引号（键盘左上角Esc下面的按键）

所包裹住的内容都是字符串类型

字符串类型+任何类型都可以理解为拼接（比如11，不一定是输出的11，也可能在编译器里显示的是某字符串+1组成）

 <script>
        let d = 666;
        d =  "大哥" + d
        console.log(typeof d,'d');

        let c = "大哥"   // 想用的是字母a 不是变量a
        console.log("666");

    </script>

比如上面两个代码段中，第一个结果是“大哥666”（拼接而成，你甚至可以做到一个6和一个66拼接而成）就是这么个思路；而第二个没特别意思，对比，理解过了就行。

4.Boolean 布尔值（true 和 false）

以后用于控制流程的

只有七个为false，其他的为true，需要记忆（屁！也就是正常都为true，奇奇怪怪的一般都有问题）

   <script>    
        console.log( Boolean(),"不写" );
        console.log( Boolean(''),"空字符串不写" );
        console.log( Boolean(NaN),"NaN" );
        console.log( Boolean(false),"false" );
        console.log( Boolean(0),"0" );

        console.log( Boolean(undefined),"undefined" );
        console.log( Boolean(null),"null" );

    </script>

5.undefined类型（没意思，详细的后面和null一起讲）

提示：用typeof查询类型

 <!-- 
        未定义类型 undefined   
     -->
    <script>
        let a;
        console.log(typeof a);

    </script>

6.null（和undefined对比理解）

表面上看效果（用页面）将会是一样的

区别在于null是一个空值，有名无分，不占空间（内存）

undefined 未定义类型，有名有分，占空间（也就是说默认都是占空间，单独定义null才不占）

 <script>
        let a = null;
        console.log( a);

        let b = undefined;
        console.log( b);

    </script>

7.symbol（可略过）

 <!-- 
        symbol  唯一值 或者 字面量类型
            了解即可,你不去开发底层框架,压根用上不
                    
    -->
    <script>
        let a = Symbol("a")
        let ss = Symbol("ss")
        console.log(a,ss);

    </script>

8.bigInt(实际开发中很少用到，局限性)

  
    <!-- 
        null 空值
        undefined 未定义
        
        symbol 唯一值
        bigInt 最大整数  用于计算超出js计算范围的类型
            直接在数据后面加n
            BigInt(number类型数据) 转化 binInt数据 用于计算最大整数
        
            不能与其他数据类型相互计算,只能与bigInt类型进行计算,

     -->
    <script>
        // let a = 9007199254740992n
        let c = BigInt(2**53)
        console.log(c  );


    </script>

9.Object（重要）

本质是为了赋值方便研发出的，多个内容只需一个obj就能调用出来，重要的需要自己研究...

比如用‘，’代替‘；’（说明一下；只是一种编程的规范，后续的软件都有再编译过程中自动加“；”的类似操作）

‘：’代替‘=’进行赋值操作

具体命名规范如下

<script>
        let name = "10";
        console.log(name +10);

        let obj = {
            name:"夏栀",    // 夏栀是赋值给了name  name有谁的?  obj的
            sex:"女",
            age:18,
            interest:"唱歌",
            bol:true,
            A:123
        }
        console.log(obj["name"]);


        // let obj1 = {
        //     "0":"夏栀",    // 夏栀是赋值给了name  name有谁的?  obj的
        //     "1":"女",
        //     2:18,
        //     3:"唱歌",
        //     4:true,
        //     5:123
        // }
        // console.log(obj1["1"]);



        let obj = {
            name:"夏栀",    // 夏栀是赋值给了name  name有谁的?  obj的
            sex:"女",
            age:18,
            interest:"唱歌",
            bol:true,
            A:123
        }

        let aaa = obj
        // 通过aaa取值到 obj的name,age对应的值
     
        

    </script>

再具体点的话：

1. Object 对象类型

{

属性名:属性值,

}

属性名可以随意,根据变量名规范起名,

属性名是字符串==但是可以省略引号""不写

属性值可以是任意的类型

: 相当于 = 进行赋值

, 相当于 ;

2. 取值使用

.操作符进行取值取谁的值通过对象{}赋值的变量进行.操作符找到对应的属性名获取属性名的属性值