标签:EcmaScript6,const,name,age,语法,let,str,var,----- From: https://blog.csdn.net/2201_75960169/article/details/136674593<!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>