Trang chủ Khám phá Trợ giúp
Đăng nhập
lovecoding
/
VIP32
10
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Browse Source

ES6

e 1 năm trước cách đây
mục cha
b4b5c05e4d
commit
5d2cd60a26
6 tập tin đã thay đổi với 127 bổ sung và 0 xóa
Split View Hiển thị tình trạng sai khác
  1. 33 0
      JS高级/30.模块化/index.html
  2. 6 0
      JS高级/30.模块化/main1.js
  3. 7 0
      JS高级/30.模块化/main2.js
  4. 7 0
      JS高级/30.模块化/main3.js
  5. 32 0
      JS高级/31.浅拷贝.html
  6. 42 0
      JS高级/32.深拷贝.html

+ 33 - 0
JS高级/30.模块化/index.html
Xem Tập Tin 

@@ -0,0 +1,33 @@
 
+<!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>
 
+    <!-- 
+        export:用于抛出模块对外的接口 
+        import:用于引入模块接口
 
+     -->
 
+     <script type="module">
 
+        // import * as main1 from './main1.js';
 
+        // import * as main2 from './main2.js';
 
+        // import * as main3 from './main3.js';
 
+        // console.log(main1.day);
 
+        // main1.fn1();
 
+        // main2.fn2();
 
+        // main3.default.fn3();
 
+
 
+        import {day,fn1} from './main1.js';
 
+        console.log(fn1());
 
+
 
+        import {color,fn2} from './main2.js';
 
+        console.log(color);
 
+
 
+        import {default as fn3} from './main3.js';
 
+        console.log(fn3);
 
+
 
+     </script>
 
+</body>
 
+</html>

+ 6 - 0
JS高级/30.模块化/main1.js
Xem Tập Tin 

@@ -0,0 +1,6 @@
 
+// 分别抛出
 
+export let day = '星期四';
 
+
 
+export function fn1() {
 
+    console.log("这是第一个函数");
 
+}

+ 7 - 0
JS高级/30.模块化/main2.js
Xem Tập Tin 

@@ -0,0 +1,7 @@
 
+//统一抛出
 
+let color = 'red';
 
+function fn2() {
 
+    console.log("这是第二个函数");
 
+}
 
+
 
+export {color,fn2};

+ 7 - 0
JS高级/30.模块化/main3.js
Xem Tập Tin 

@@ -0,0 +1,7 @@
 
+//默认抛出
 
+export default {
 
+    school:"黑龙江",
 
+    fn3:function() {
 
+        console.log("这是第三个函数");
 
+    }
 
+}

+ 32 - 0
JS高级/31.浅拷贝.html
Xem Tập Tin 

@@ -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>
 
+        /**
 
+         * 浅拷贝:新值复制旧值得内容，修改新值时看旧值是否发生改变
 
+         * 如果发生改变就证明是浅拷贝。
 
+        */
 
+       var obj1 = {
 
+        name:'Lucy',
 
+        age: 22,
 
+        speak:function() {
 
+            console.log("我是"+this.name,"我爱学习么");
 
+        }
 
+       }
 
+
 
+       var obj2 = obj1;
 
+
 
+       obj2.name = 'zjr';
 
+
 
+       console.log(obj1,'obj1');
 
+       console.log(obj2,'obj2');
 
+
 
+
 
+    </script>
 
+</body>
 
+</html>

+ 42 - 0
JS高级/32.深拷贝.html
Xem Tập Tin 

@@ -0,0 +1,42 @@
 
+<!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>
 
+      /**
 
+       * 深拷贝:新值复制旧值得内容，修改新值时看旧值是否发生改变
 
+       * 如果发生不改变就证明是深拷贝。
 
+       * concat、slice、Array.from(),数组结构 一维数组
 
+       * Object.assign、对象解构
 
+       */
 
+      //   var arr1 = [1, 2, 3, 4];
 
+      //   var arr2 = [...arr1];
 
+      //   var arr2 = Array.from(arr1);
 
+      //   var arr2 = arr1.slice();
 
+      //   var arr2 = arr1.concat();
 
+      //   arr2[0] = 12;
 
+      //   console.log(arr1, "arr1");
 
+      //   console.log(arr2, "arr2");
 
+
 
+      var obj1 = {
 
+        name: "xhs",
 
+        age: 20,
 
+        address: function () {
 
+          console.log("哈尔滨");
 
+        },
 
+      };
 
+
 
+    //   var obj2 = Object.assign({},obj1);
 
+    var obj2 = {...obj1};
 
+      obj2.name = 'xhm';
 
+      console.log(obj1,'obj1');
 
+      console.log(obj2,'obj2');
 
+
 
+
 
+    </script>
 
+  </body>
 
+</html>