Home Explore Help
Sign In
lovecoding
/
class
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

es6

e 11 months ago
parent
3f4e444808
commit
9bacfc80ee
2 changed files with 73 additions and 0 deletions
Unified View Show Diff Stats
  1. 32 0
      es6/4.扩展运算符.html
  2. 41 0
      es6/5.rest.html

+ 32 - 0
es6/4.扩展运算符.html
View File 

@@ -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>
 
+    <!-- 
+        扩展运算符:把数组或者类数组通过逗号转换
 
+        ... spread
 
+        类数组无法直接使用数组中的方法
 
+     -->
 
+     <ul>
 
+        <li>11</li>
 
+        <li>22</li>
 
+        <li>33</li>
 
+        <li>44</li>
 
+     </ul>
 
+     <script>
 
+        var a = [1,2,3,4,5];
 
+        console.log(a);
 
+        console.log(...a);
 
+        let [b,c,d,e,f] = a;
 
+        console.log(b,c,d,e,f)
 
+        // 类数组转为普通数组
 
+        var lis = document.getElementsByTagName("li");
 
+        console.log(lis);
 
+        console.log([...lis]);
 
+     </script>
 
+</body>
 
+</html>

+ 41 - 0
es6/5.rest.html
View File 

@@ -0,0 +1,41 @@
 
+<!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>
 
+    <ul>
 
+        <li  class="list" id="ha1">aaa</li>
 
+        <li  class="list"  id="ha1">aaa</li>
 
+        <li  class="list"  id="ha1">aaa</li>
 
+        <li  class="list"  id="ha1">aaa</li>
 
+    </ul>
 
+    <script>
 
+        // rest 剩余的 用在函数的参数里面
 
+        function fn1(a,b,...rest) {
 
+            console.log(a);
 
+            console.log(b);
 
+            console.log(...rest);
 
+        }
 
+        fn1(1,2,3,4,5,6,7,8);
 
+        function fn2() {
 
+            console.log([...arguments]); //arguments 实参
 
+        }
 
+        fn2(1,2,3,4,5);
 
+        // 数组 getElementsByTagName getElementsByClassName querySelectorAll
 
+        // 元素 getElementById querySelector
 
+        var lis = document.getElementsByTagName("li");
 
+        var ha = document.getElementById("ha");
 
+        var list = document.getElementsByClassName("list");
 
+        var list1 = document.querySelector("#ha1");
 
+        var list2 = document.querySelectorAll("#ha1");
 
+        console.log(list2);
 
+        console.log(list1);
 
+        console.log(list)
 
+        console.log(ha);
 
+        console.log(lis);
 
+    </script>
 
+</body>
 
+</html>