新增基本数据类型

最新推荐文章于 2024-07-29 11:53:27 发布

FGGIT

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量59

点赞数

分类专栏： vue学习笔记文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_47888212/article/details/128695252

版权

vue学习笔记专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //es5中学到的数据类型
    //基本数据类型：String,Number,Boolean,undefined,null
    //引用数据类型：Object,Array,Function


    //es6标准的数据类型
    //基本数据类型：String,Number,Boolean,undefined,null,Symbol
    //引用数据类型：Object,Array,Function

    //Symbol英文释义是标记的意思，但是实际上类似于java和C++这些流行面向对象语言中的枚举(独一无二)

    // //使用：
    // //创建Symbol：
    // let s = Symbol('xyz')
    // let s1 = Symbol('xyz')

    // console.log(s)
    // console.log(s.toString())
    // console.log(s === s1) //false   Symbol对象是独一无二的


    // //用途：
    // let obj = {
    //   name:'lily',
    //   todo(){
    //     console.log('eat')
    //   }
    // }

    // obj.name = 'zs'
    // obj.todo = () =>{
    //   console.log('run') 
    // }

    // console.log(obj.name)  //zs
    // obj.todo()    //run

    // //需求：让新增的属性和方法不和之前的冲突
    // let name = Symbol('name')
    // let todo = Symbol('todo')
    // let obj = {
    //   name: '小王'
    // }
    // obj[name] = '老王'
    // console.log(obj)
    // console.log(obj.name) //小王
    // console.log(obj[name]) //老王

    // let name = Symbol('name')
    // let todo = Symbol('todo')
    // let obj = {
    //   name: '小王'
    // }
    // obj[name] = '老王'
    // obj[name] = '中王'

    // obj[Symbol('one')] = '1老王'
    // obj[Symbol('one')] = '1中王'

    // console.log(obj)  //{name: '小王', Symbol(name): '中王', Symbol(one): '1老王', Symbol(one): '1中王'}
    // console.log(obj.name) //小王
    // console.log(obj[name]) //中王


    //注意事项：
    // 1：Symbol('描述信息')没有实际意义
    // 2：不可以new Symbol()
    // new Symbol() //Symbol is not a constructor
    // 3：类型转换不可以转数字
    // console.log(String(Symbol('a'))) //Symbol(a)
    // console.log(Boolean(Symbol())) //true
    // console.log(Symbol() + 1)  // Cannot convert a Symbol value to a number
    // console.log(Number(Symbol())) // Cannot convert a Symbol value to a number

    //4：获取的时候，保证是同一个Symbol才能拿到值
    //5：for in的时候，Symbol不会被遍历出来
    // {
    //   let obj = {
    //     name: 'lily', //原有对象拥有name属性
    //     age: 18
    //   }
    //   let name = Symbol()
    //   obj[name] = '再见' //如果直接设置，则再也获取不到这个属性了

    //   console.log(obj) //{name: 'lily', age: 18, Symbol(): '再见'}
      
    //   for(let i in obj){
    //     console.log(i) //name age
    //   }

    //   //可以使用Object.getOwnPropertySymbols(obj)来拿
    //   console.log(Object.getOwnPropertySymbols(obj)) //[Symbol()]
    // }

    // //问题：js中如果数值超过可以表达的最大数，会存在精度问题
    // console.log(Math.pow(2,53) === Math.pow(2,53)+1) //true

    // //数字后面跟一个n，这个值就是BigInt的类型
    // const a = 2172141653n
    // const b = 15346349309n
    // //BigInt可以保持精度
    // console.log(a*b) //33334444555566667777n

    // //普通整数无法保持精度
    // console.log(Number(a) * Number(b)) //33334444555566670000

    // console.log(42n === 42) //false

    // console.log(typeof 42n) //bigint
  </script>
</body>
</html>