zsydgithub vor 1 Jahr
Ursprung
Commit
8e1104fa7b
4 geänderte Dateien mit 171 neuen und 1 gelöschten Zeilen
  1. 5 1
      es6/1_变量.html
  2. 56 0
      es6/3_解构赋值.html
  3. 59 0
      es6/4_扩展运算符.html
  4. 51 0
      es6/5_rest.html

+ 5 - 1
es6/1_变量.html

@@ -1,11 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
 </head>
+
 <body>
   <script>
 
@@ -18,7 +20,7 @@
     */
     // console.log(a)
     // var a = 13
-    
+
 
     // let b = 10
     // let a = 20
@@ -68,6 +70,8 @@
 
     // let x = 10
     // var x = 10
+
   </script>
 </body>
+
 </html>

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

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    // var a = [1,2,3]
+    // console.log(a)
+
+
+    // var [a,b,c] = [1,2,3]
+    // console.log(a,b,c)
+
+    // var obj = {
+    //   name: 'zs',
+    //   age: 18,
+    //   eat: function(){
+    //     console.log('eat')
+    //   }
+    // }
+
+    // var {name,age,eat} = obj
+    // console.log(name,age,eat)
+
+
+    // var str = 'ab'
+    // var [x,y,z] = str
+    // console.log(x,y,z)
+
+
+    // function fn(name,age){
+    //   console.log(name,age)
+    // }
+    // fn({name:'zs',age:30})
+
+    function fn2(){
+      return {
+        name: 'zs',
+        age: 18
+      }
+    }
+    var {name} = fn2()
+    console.log(name)
+    // 'zs'
+    // 'zs'
+    // 'zs'
+    // 'zs'
+    // {name:'zs',age: 18}
+
+  </script>
+</body>
+</html>

+ 59 - 0
es6/4_扩展运算符.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <div class="div1">1</div>
+  <div class="div1">2</div>
+  <script>
+    /* ... 扩展运算符 把数组或者类数组 展开成用逗号分割的值 */
+    // var a = [1,2,3]
+    // var b = [...a]
+    // console.log(...a)
+    // b[0] = 8
+    // console.log(b)     
+    // console.log(a)  
+
+
+    // var a = [1,2,3]
+    // var b = [4,5,6]
+    // var c = [...a,...b]
+    // console.log(c)
+    // var d = [...c,7,8]
+    // console.log(d)
+
+    // var div1 = document.getElementsByClassName('div1')
+    // console.log(div1)
+
+    // var arr1 = [...div1]
+    // console.log(arr1)
+
+    // arr1.push(11)
+    // console.log(arr1)
+
+
+    // function fn1(a,b,c){
+    //   console.log(a,b,c)
+      
+    // }
+    // let arr = [4,5,6]
+    // fn1(...arr) 
+
+
+    let obj1 = {
+      a:1,
+      b:2
+    }
+    let obj2 = {
+      b:3,
+      c:4
+    }
+    let obj3 = {...obj2,...obj1}
+    console.log(obj3)
+  </script>
+</body>
+</html>

+ 51 - 0
es6/5_rest.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <script>
+    /* rest 剩余的 */
+    // function fn(a,b,...rest){
+    //   console.log(a)
+    //   console.log(b)
+    //   console.log(...rest)
+    // } 
+    // fn(1,2,3,4,5,6,7,8,9)
+
+
+    // function fn1(...rest){
+    //   console.log(rest)
+    // }
+    // fn1(1,2,3,4)
+
+
+    // function fn(){
+    //   console.log(arguments)
+    //   /* 取到所有剩余的值 */
+    // }
+    // fn(1,2,3,4)
+
+
+    // function fn1(a,b,rest){
+    //     var x = a
+    //     let c = b
+    //     var d = rest
+    //     fn2(d)
+    //     console.log(x + c)
+    // }
+    // fn1(1,2,3,4,5,6)
+    // function fn2(xx){
+    //   // console.log(xx)
+    //   var xx = 30
+    // }
+
+    // 3,报错
+    // [3,4,5,6] 3 
+    // 报错
+  </script>
+</body>
+</html>