首页 > 其他分享 >EcmaScript6全新语法特性-----EcmaScript6

EcmaScript6全新语法特性-----EcmaScript6

时间:2024-03-16 13:59:12浏览次数:20  
标签:EcmaScript6 const name age 语法 let str var -----

<!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>
        {
            // var会越狱,但是let会有作用域
            var a = 1;
            let b = 2;
        }
        var m = 1;
        var m = 2;
        // var变量可以多次声明,但是let只能声明一次
        let n = 1;
        // let n = 2;
        // var声明的变量会自动提升,这里没有就会显示undefined
        console.log(x);
        var x = 10;
        // let变量不会变化,没有就报错
        // console.log(y);
        let y = 20;
        // const声明变量(只读常量)
        // 一旦被const声明,都不可变化
        const acs = 1;
        // 这里就会报错,不能修改const
        // a = 3;
        // 结构表达式
        let arr = [1,2,3];
        let [aces,b,c] = arr;
        // 可以直接给abc赋值
        const person = {
            name : "Jack",
            age : 20,
            language : "Eng"
        }
        // 对象也可以用结构表达式来获取对应的值
        const { name,age,language} = person;
        // 这样可以将我们获取的值name变成abc这个变量
        // const { name:abc,age,language} = person;
        // 字符串拓展
        let str = "Hello,vue";
        // 判断是否以xxx开始
        str.startsWith("hello");
        // 判断是否以xx结束
        str.endsWith("vue");
        // 判断是否包含xxx
        str.includes("e");
        // 字符串模板
        let ss = `
            sadasd
            sadasdasd
        `;
        // 字符串插值,给字符串内动态赋值
        // 插入的内容甚至可以是JS表达式
        function fun(){
            return "这是一个函数";
        }
        let info = `我是${name},今年${age * 10},我想说${fun()}`;
        console.log(info)
    </script>
</body>
</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>

        {

            // var会越狱,但是let会有作用域

            var a = 1;

            let b = 2;

        }

        var m = 1;

        var m = 2;

        // var变量可以多次声明,但是let只能声明一次

        let n = 1;

        // let n = 2;

        // var声明的变量会自动提升,这里没有就会显示undefined

        console.log(x);

        var x = 10;

        // let变量不会变化,没有就报错

        // console.log(y);

        let y = 20;

        // const声明变量(只读常量)

        // 一旦被const声明,都不可变化

        const acs = 1;

        // 这里就会报错,不能修改const

        // a = 3;

        // 结构表达式

        let arr = [1,2,3];

        let [aces,b,c] = arr;

        // 可以直接给abc赋值

        const person = {

            name : "Jack",

            age : 20,

            language : "Eng"

        }

        // 对象也可以用结构表达式来获取对应的值

        const { name,age,language} = person;

        // 这样可以将我们获取的值name变成abc这个变量

        // const { name:abc,age,language} = person;

        // 字符串拓展

        let str = "Hello,vue";

        // 判断是否以xxx开始

        str.startsWith("hello");

        // 判断是否以xx结束

        str.endsWith("vue");

        // 判断是否包含xxx

        str.includes("e");

        // 字符串模板

        let ss = `

            sadasd

            sadasdasd

        `;

        // 字符串插值,给字符串内动态赋值

        // 插入的内容甚至可以是JS表达式

        function fun(){

            return "这是一个函数";

        }

        let info = `我是${name},今年${age * 10},我想说${fun()}`;

        console.log(info)

    </script>

</body>

</html>

标签:EcmaScript6,const,name,age,语法,let,str,var,-----
From: https://blog.csdn.net/2201_75960169/article/details/136674593

相关文章

  • mybatis-plus代码生成
    添加依赖:<!--代码自动生成器依赖--><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-generator</artifactId><version>3.5.3.1</version></dependency><dependency><gro......
  • 首师大附中集训D5日报(20231214)-总结部分
    今天做了6道题,还可以,剩下的基本是一点都不会了,太难了,等我理解再深刻一点再回来做一下吧今天有几道题是完全靠自己想出来的了,挺好一会把前几天的专题再补一下昨天的做题的讲题彻底打醒了我,我什么都不是,我照我需要达到的高度差远了我来这里不就是为了这个的吗既然经受了大幅度......
  • 首师大附中集训D6日报(20231215)-比赛总结部分
    爆零做t1上头了,状态设计思路没啥问题,但是把问题复杂化了,维护了然后下午又上头了,对着一坨矩阵调一下午,哎t2属于读题问题,完全没有意识到这个是最小生成树,所以转化能力真的很重要t3骗链部分,但是拿了堆维护,后来一看,复杂度爆了,得拿主席树t1,t2改掉了,t3留待后面吧,涉及一个四毛子有点......
  • 首师大附中集训D7日报(20231216)-总结部分
    今天讲dp,切题9/28,dp是一个庞杂的,成体系的知识,因此今日总结不以题解为主,而以知识点和涉及到的例题为主,题解参考笔记和pptDP1.背包问题都到了这个层次了背板子不可能有问题,主要是对于背包问题本质的理解。背包问题的转移说白了就是最普通的线性转移,并且是表现出无序性的,比如这道......
  • 首师大附中集训D6日报(20231215)-题解部分
    T1是dp设fi0不含k的情况书fi1含k的情况数第一步优化:前缀和维护f两个数组的前缀和通过前缀转移第二步优化:发现前缀和能矩阵乘法优化,所以矩阵快速幂就可以说起来挺简单,式子也不算难推,但就特别难写,主要的难度在于设置矩阵上面T2不知怎么一直卡在35,但是打的总体上肯......
  • 首师大附中集训D9日报(20231218)-比赛总结部分
    终于拿到正经分了t1没看t2这题的题面有点迷惑,读题读了很长时间,但是成功完成了转化然后就是一个二分图匹配问题,选择dinic暴力跑一遍拿到60分然后自己的优化思路是分治找点变成logmnlogn,自己考虑了一下发现自己好像实现不了直接找到分治中点对应的匹配数对应的结果,所以没法严......
  • 首师大附中集训D4日报(20231213)-总结部分
    现在是22:19,宾馆大堂,我刚打开电脑今天的讲题,其实讲的挺失败的,我也没做ppt(这毒瘤题ppt好像起不到太大作用,把维护的数组都贴上去吗?),然后讲的乱七八糟,但是总体而言是有收获的,不只是年轻人的第一道ynoi,这也是我能够完全理解并且部分自主完成的第一个黑题,虽然讲的还欠火候,但是我至少捋出......
  • 一个现成的用python写的项目, 有GUI,https://github.com/mustafamerttunali/deep-learni
    安装该项目ENV:Win11Anaconda 1.安装Python3.7, 在Anaconda新建一个python3.7环境2.安装VC++buildtool14.0 以上版本,我从下面这个link下载的最新版是17.6.4https://visualstudio.microsoft.com/visual-cpp-build-tools/否则会遇到 3.修改一下requir......
  • 首师大附中集训D1日报(20231210)-总结部分
    知识点总结网络流,说白了就是把有向带边权的边看成一条水管,权值就是这个水管的最大流量,源点出水,汇点入水,其余的普通点(水管节点)出入水都得平衡。最大流问题:整个系统最大的流量不管是EK还是dinic精髓都是建反边反边类似于反悔贪心,在用了一个水管的流量的同时把权值加回到他的反......
  • Vue3-03_组件基础_上
    单页面应用程序什么是单页面应用程序单页面应用程序(英文名:SinglePageApplication)简称SPA,顾名思义,指的是一个Web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面内完成。单页面应用程序的特点单页面应用程序将所有的功能局限于一个web页面中,仅在......