首頁 探索 說明
登入
lovecoding
/
VIP28
9
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

new

zsydgithub 1 年之前
父節點
564a1b78e5
當前提交
8e1104fa7b
共有 4 個文件被更改，包括 171 次插入 和 1 次删除
分割檢視 顯示文件統計
  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>