JS前端之ES6学习-up主邓瑞编程(2)

为了尊重老师咱就是一整个先上学习链接,感谢老师5.数据类型-下_哔哩哔哩_bilibili(侵权可删

P4-P5数据类型学完了,怎么说,有类是我没想到的,set去重,给我一种python的感觉,其实之前想过直接学python的GUI,但是懂得太少,有点懒,有建议欢迎你说。

写这个系列也是想保存一下自己的代码,每次上课新建的话很麻烦,看老师的都是同一个demo.html但是每次下课都清空,所以咱也就记录一下,清空了,免得以后复习很麻烦,真想吃这口饭的就得常用常复习。这里上节课的也在,以后就不重复了。顺便放一下跑的结果。方便对照

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //变量 字符串类型 string
        let name = "thy"
        console.log(name)
        console.log(typeof name)

        //变量 数值类型 number ES6没有正数和浮点的区别,都是number
        let balance = 100
        console.log("余额",balance)
        console.log(typeof balance)

        //常量
        const PI = 3.14
        console.log("PI",PI)
        console.log(typeof PI)

        //变量和常量的区别
        name = "david"
        console.log(name)
        // PI = 3.1415926
        // console.log("PI",PI)常量被修改无效,会报错

        //布尔类型 只能是true 或者false
        let tv = true
        console.log(tv)

        //对象 是一种综合类型大括号进行包裹,字段之间用逗号分隔,键值对中间用冒号
        let boy ={
            name:"david",
            age:20,
            weight:60.5
        }
        console.log(boy)
        console.log(typeof boy)
        //map特殊的数据结构,存储键值对的有序集合,相对于对象提供了更灵活、有序、高效的键值对存储和操作方式
        //需要在大量键值对中快速查找或者删除特定键值对时,Map更高效
        //提供了一些便捷方法来操作键值对,get(),set(),delete()
        //提供便捷迭代方法,forEach(),keys(),values(),entries()
        //new Map([])实例,中间每一对用中括号包裹,键都是字符串,键合值之间用逗号分隔
        //类型也是object
        let girl = new Map([
            ["name","luna"],
            ["age",18]
        ])
        console.log("girl",girl)
        console.log(typeof girl)

        //set 会进行去重,存储无序且唯一的值的集合
        let number = new Set([1,2,3,2,1])
        console.log("number",number)
        console.log(typeof number)

        //数组array 是一种有序集合,可以包含不同类型的元素,并且数组的长度是可变的
        //用中括号包裹
        let str = ["a","b","c","b","c",1] //定义了一个包含五个字符串,一个数值的数组
        console.log("str",str)
        console.log(typeof str)

        //函数function 是一段可重复执行的代码块,可以接受输入参数,并返回一个值或执行某些操作
        function add(a,b) {
            return a+b
        }
        addre = add(20,30)
        console.log(addre)

        //类 class
        class Person{
            constructor(userName,userAge){
                this.name = userName
                this.age = userAge
            }

            info(){
                console.log("name",this.name,"age",this.age)
            }
        }
        let person = new Person("thy",25)
        person.info()

        let person2 = new Person("thyn",18)
        person2.info()
    </script>
</body>
</html>

  • 15
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值