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

旧约Alatus

已于 2024-03-21 17:55:23 修改

阅读量1.2k

点赞数 33

分类专栏：前端 # VUE框架 # ES6 文章标签： javascript 前端 vue.js ecmascript vue 前端框架 js

于 2024-03-13 11:11:58 首次发布

本文链接：https://blog.csdn.net/2201_75960169/article/details/136674593

版权

前端同时被 3 个专栏收录

329 篇文章 2 订阅

订阅专栏

VUE框架

250 篇文章 0 订阅

订阅专栏

ES6

2 篇文章 0 订阅

订阅专栏

<!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>