e 11 месяцев назад
Родитель
Сommit
3f4e444808
3 измененных файлов с 101 добавлено и 0 удалено
  1. 32 0
      es6/1.let.html
  2. 22 0
      es6/2.const.html
  3. 47 0
      es6/3.解构赋值.html

+ 32 - 0
es6/1.let.html

@@ -0,0 +1,32 @@
+<!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>
+        /**
+         * let 特点:
+         * 1.不能重复声明
+         * 2.不具备变量提升
+         * 3.存在作用域
+         * 4.块级作用域
+         */
+        /*
+        * 变量提升:var
+        */
+        console.log(a1);
+        // var a = 11;
+        let a1 = 1;
+        // let a1 = 2;
+
+        function fn1() {
+            let b = 2;
+        }
+        console.log(b);
+        // console.log(a1);
+    </script>
+</body>
+</html>

+ 22 - 0
es6/2.const.html

@@ -0,0 +1,22 @@
+<!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>
+        /**
+         * const 特点:
+         * 1.具备块级作用域
+         * 2.一般用于声明常量
+         * 3.不能重复赋值
+        */
+       const PI = 3.14159;
+    //    const aa = 12;
+    //    const aa = 14;
+    
+    </script>
+</body>
+</html>

+ 47 - 0
es6/3.解构赋值.html

@@ -0,0 +1,47 @@
+<!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>
+        // 1.数组
+        var a = [1,2,3];
+        // 解构赋值
+        let [w,e,r] = a;
+        console.log(w,e,r)
+        console.log(w)
+        // 2.对象
+        var obj = {
+            a: 1,
+            b: 2,
+            c: function() {
+                console.log("111")
+            }
+        }
+        obj.c();
+
+        var {a,b,c} = obj;
+        console.log(a,b,c)
+        // 3.字符串
+        let str = 'hello';
+        let [z,x,aa,v,bbb] = str;
+        console.log(z,x,aa,v,bbb)
+
+        // 4.函数
+        function fn1() {
+            return {
+                name: '孙悟空',
+                age: 18
+            }
+        }
+    
+        let {name,age} = fn1();
+        console.log(name,age)
+        
+
+    </script>
+</body>
+</html>