il y a 1 an · 2e7cd55e50
--- a/day22/html/4.解构赋值.html
+++ b/day22/html/4.解构赋值.html
@@ -0,0 +1,11 @@
 
				+<!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 src="../js/4.解构赋值.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/day22/html/5.模板字符串.html
+++ b/day22/html/5.模板字符串.html
@@ -0,0 +1,11 @@
 
				+<!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 src="../js/5.模板字符串.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/day22/html/6.扩展运算符spread.html
+++ b/day22/html/6.扩展运算符spread.html
@@ -0,0 +1,16 @@
 
				+<!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>1</li>
			
 
				+        <li>2</li>
			
 
				+        <li>3</li>
			
 
				+    </ul>
			
 
				+    <script src="../js/6.扩展运算符spread.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/day22/js/4.解构赋值.js
+++ b/day22/js/4.解构赋值.js
@@ -0,0 +1,42 @@
 
				+var arr = [1,2,3];
			
 
				+var [a,b,c] = [1,2,3];
			
 
				+console.log(a);
			
 
				+console.log(b);
			
 
				+console.log(c);
			
 
				+
			
 
				+var obj = {
			
 
				+    name1: 'LiLi',
			
 
				+    age: 18,
			
 
				+    address: function() {
			
 
				+        console.log("地址")
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+var {name1,age,address} = obj;
			
 
				+console.log(name1);
			
 
				+console.log(age);
			
 
				+console.log(address);
			
 
				+
			
 
				+var str = 'awq';
			
 
				+var [x,y,z] = str;
			
 
				+console.log(x);
			
 
				+console.log(y);
			
 
				+console.log(z);
			
 
				+
			
 
				+// 形参
			
 
				+function fn1(name2,age2) {
			
 
				+    console.log(name2,'函数')
			
 
				+    console.log(age2,'函数2')
			
 
				+}
			
 
				+// 实参
			
 
				+fn1({nam2:"LiLi"},{age2:20});
			
 
				+
			
 
				+function fn2() {
			
 
				+    return {
			
 
				+        name3: 'Lucy',
			
 
				+        age3: 25
			
 
				+    }
			
 
				+}
			
 
				+var {name3,age3} = fn2();
			
 
				+console.log(name3)
			
 
				+console.log(age3)
			
--- a/day22/js/5.模板字符串.js
+++ b/day22/js/5.模板字符串.js
@@ -0,0 +1,19 @@
 
				+/**
			
 
				+ * 模板字符串（template string）
			
 
				+ * 用反引号标识（`）
			
 
				+ * 
			
 
				+ * 1.字符串中可以出现换行符
			
 
				+ * 2.可以使用${xxx}形式输出变量
			
 
				+ */
			
 
				+
			
 
				+let str = `<ul>
			
 
				+            <li>今天</li>
			
 
				+            <li>明天</li>
			
 
				+            <li>前天</li>
			
 
				+           </ul>`
			
 
				+console.log(str);
			
 
				+document.write(str);
			
 
				+
			
 
				+let name1 = "图图";
			
 
				+let result = `我的名字是${name1}`;
			
 
				+console.log(result);
			
--- a/day22/js/6.扩展运算符spread.js
+++ b/day22/js/6.扩展运算符spread.js
@@ -0,0 +1,36 @@
 
				+/**
			
 
				+ * 扩展运算符(...) spread
			
 
				+ */
			
 
				+
			
 
				+var arr = [1,2,3,4,5,6];
			
 
				+var b = [...arr];
			
 
				+b[0] = 8;
			
 
				+console.log(arr,'arr');
			
 
				+console.log(b,'b');
			
 
				+
			
 
				+var a = [1,2,3];
			
 
				+console.log(...a,'...a');
			
 
				+var b = [2,3,4];
			
 
				+var c = [...a,...b];
			
 
				+// var c = a.concat(b);
			
 
				+console.log(c,'c');
			
 
				+
			
 
				+// 类数组
			
 
				+/**
			
 
				+ *1.JavaScript 常见的类数组：arguments
			
 
				+ *2.获取Dom元素方法返回的结果（比如getElementsByTagName,getElementsByClassName,querySelectAll）
			
 
				+ */
			
 
				+// function fun1() {
			
 
				+//     console.log(arguments,'类')
			
 
				+// }
			
 
				+// fun1(1,2,3,4,5)
			
 
				+// fun1(arr,'arr')
			
 
				+let a1 = document.querySelectorAll("ul li");
			
 
				+console.log(a1,'a1')
			
 
				+
			
 
				+// 将类数组 转成数组
			
 
				+let news = [...a1];
			
 
				+console.log(news,'news');
			
 
				+
			
 
				+news.push(121);
			
 
				+console.log(news,'news');