Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
lovecoding
/
class
10
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

es6

e 11 сар өмнө
parent
2869e015a1
commit
3c699f808b
3 өөрчлөгдсөн 135 нэмэгдсэн , 0 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 38 0
      es6/12.Set.html
  2. 54 0
      es6/13.Map.html
  3. 43 0
      es6/14.proxy.html

+ 38 - 0
es6/12.Set.html
Файл харах 

@@ -0,0 +1,38 @@
 
+<!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 arr  = [1,2,3,4,56,78,4,3,1];
 
+        var x = new Set(arr);
 
+        console.log(x);
 
+        console.log(x.size)
 
+        // Set() 常用于数组去重
 
+        // size 长度
 
+        //  Array.from 将类数据转为数组
 
+        var arr1 = Array.from(x);
 
+        console.log(arr1);
 
+
 
+        // 数组去重
 
+        function fn1(aa) {
 
+           return Array.from(new Set(aa));
 
+        }
 
+       console.log(fn1([3,4,5,434,2,11,34,4,3]));
 
+        
+
 
+       var a = new Set([1,2,3,4,12]);
 
+        console.log(a);
 
+        // add 添加
 
+        console.log(a.add(99));
 
+        // delete 删除  返回的是布尔值
 
+        console.log(a.delete(1));
 
+        a.delete(1);
 
+
 
+        console.log(a);
 
+    </script>
 
+</body>
 
+</html>

+ 54 - 0
es6/13.Map.html
Файл харах 

@@ -0,0 +1,54 @@
 
+<!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>
 
+        // Map对象
 
+        let s1 = new Map();
 
+        console.log(s1);
 
+        // 设置
 
+        s1.set("name","孙悟空");
 
+        s1.set("age",18);
 
+        console.log(s1);
 
+        // 获取
 
+        console.log(s1.get("name"));
 
+        // 删除
 
+        // console.log(s1.delete("name"));
 
+        // s1.delete("name")
 
+        // size 获取当前map对象长度
 
+        // console.log(s1.size);
 
+        // clear 清空全部
 
+        s1.clear();
 
+        console.log(s1);
 
+        // 数据循环 对已有数组进行操作
 
+        var arr = [12,21,23,45,32,3];
 
+        arr.map((ele,index) => {
 
+            console.log(ele,index);
 
+        })
 
+        var s2 = new Map();
 
+        s2.set("name","猪八戒");
 
+        s2.set("age",22);
 
+        console.log(s2);
 
+        // key 每一项键值对
 
+        for (var key of s2) {
 
+            console.log(key,'s2')
 
+        }
 
+        // keys() 每一项可枚举属性名
 
+        for(var a of s2.keys()) {
 
+            console.log(a,'keys');
 
+        }
 
+        // values() 每一项可枚举属性值
 
+        for(var a of s2.values()) {
 
+            console.log(a,'values');
 
+        }
 
+        // entries() 每一项可枚举的键值对
 
+        for(var a of s2.entries()) {
 
+            console.log(a,'entries');
 
+        }
 
+    </script>
 
+</body>
 
+</html>

+ 43 - 0
es6/14.proxy.html
Файл харах 

@@ -0,0 +1,43 @@
 
+<!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>
 
+        /**
 
+         * proxy 代理
 
+         * const proxy = new Proxy(target,handler)
 
+         * target 目标值
 
+         * handler 代理过程中的一系列操作
 
+        */
 
+       let obj = {
 
+        name:"Lucy"
 
+       };
 
+
 
+       const vase = new Proxy(obj,{
 
+        get(target,key,prototype) {
 
+            // target 代理值
 
+            // key 修改的方法
 
+            // phototype 原型对象
 
+            console.log(target,'1')
 
+            console.log(key,'2')
 
+            console.log(prototype,'3')
 
+        },
 
+        set(target,key,prototype) {
 
+            // target 代理值
 
+            // key 要修改的项
 
+            // phototype 代理的新对象
 
+            console.log(target,'11')
 
+            console.log(key,'22')
 
+            console.log(prototype,'33')
 
+        }
 
+       })
 
+       vase.name = "LiLi"
 
+       console.log(vase.set)
 
+    //    console.log(vase.get);
 
+    </script>
 
+</body>
 
+</html>