fengchuanyu il y a 3 mois
Parent
commit
f9d87d64f8
2 fichiers modifiés avec 185 ajouts et 0 suppressions
  1. 115 0
      6_ES6/14_对象扩展.html
  2. 70 0
      6_ES6/15_函数的扩展.html

+ 115 - 0
6_ES6/14_对象扩展.html

@@ -0,0 +1,115 @@
+<!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>
+        let age = 20;
+        // function talk(){
+        //     console.log("hello");
+        // }
+        // let person = {
+        //     name: '张三',
+        //     age:age,
+        //     sex:"男",
+        //     talk:function(){
+        //         console.log("hello");
+        //     }
+        // }
+        // let person = {
+        //     name: '张三',
+        //     name2:"李四",
+        //     age,
+        //     sex:"男",
+        //     talk(){
+        //         console.log("hello");
+        //     }
+        // }
+        // let a = "name";
+        // console.log(person);
+        // console.log(person.name);
+        // console.log(person[a]);
+        // console.log(person[a+2]);
+
+        // let obj = {
+        //     a:1,
+        //     b:2
+        // }
+        // let boj2 = {
+        //     a:1,
+        //     b:2
+        // }
+        // let boj2 = obj;
+
+        // console.log(obj == boj2);
+        // console.log(Object.is(obj,boj2));
+
+
+        // let obj = {
+        //     a:1,
+        //     b:2
+        // }
+        // let obj2 = {
+        //     c:3,
+        //     d:4
+        // }
+        // Object.assign(obj,obj2)
+        // console.log(obj);
+
+        // let obj = {
+        //     a:1,
+        //     b:2,
+        //     c:{
+        //         d:3,
+        //         e:4
+        //     }
+        // }
+        // // let obj2 = obj;
+        // // 浅拷贝 浅克隆
+        // let obj2 = Object.assign({},obj);
+        // obj.a = "hello";
+        // obj.c.d = "world";
+
+        // console.log(obj2);
+        
+
+        // let obj = {
+        //     a:1,
+        //     b:2,
+        //     c:3,
+        //     d:4
+        // }
+        // var key = "a";
+        // console.log( "c" in obj );
+        // console.log(key in obj);
+        
+        let obj = {
+            a:1,
+            b:2,
+            c:3,
+            d:4
+        }
+        // for(let key in obj){
+        //     console.log(key);
+        // }
+        // Object.keys 把当前对象的所有属性名组成数组返回
+        // console.log(Object.keys(obj));
+        // Object.values 把当前对象的所有属性值组成数组返回
+        // console.log(Object.values(obj));
+        // Object.entries 把当前对象的所有属性名和属性值组成数组返回
+        // console.log(Object.entries(obj));
+
+        let arr = [["name","张三"],["age",20]];
+        console.log(Object.fromEntries(arr));
+            
+
+        
+        
+        
+
+    </script>
+</body>
+</html>

+ 70 - 0
6_ES6/15_函数的扩展.html

@@ -0,0 +1,70 @@
+<!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>
+        // function foo(a,b){
+        //     if(a && b){
+        //         console.log(a+b);
+        //     }else{
+        //         console.log("缺少参数");
+        //     }
+        // }
+        // foo(1)
+        // ES6 新增默认值 如果参数有值 就用参数的值 如果没有值 就用默认值
+        // function foo(a=0,b=0){
+        //     console.log(a+b);
+        // }
+        // foo(1,2)
+
+        // function foo(a,b,c = 0){
+        //     console.log(a+b+c);
+        // }
+        // foo(1,2,3)
+        // 函数length 属性 代表形参的个数 且没有默认值
+        // console.log(foo.length);
+
+        // function foo(){};
+        // let foo = function(){};
+
+        // ES6 新增箭头函数 语法更加简洁
+        // let foo = () => {};
+
+        // let foo = (a,b) => {
+        //     console.log(a+b);
+        // }
+        // foo(1,2);
+
+        // 当箭头函数省略大括号时 会默认返回值 返回箭头后边的第一条语句;
+        // let foo = (a,b) => a+b;
+        // console.log(foo(1,2));
+
+        // function foo(a,b){
+        //     return a+b;
+        // }
+        // console.log(foo(1,2));
+
+        // function foo(...arg){
+        //     console.log(arg);
+        // }
+        // foo(1,2,3);
+
+        // function foo(){
+        //     console.log(arguments[0]);
+        // }
+        // foo(1,2,3,4,5)
+
+        // let foo = () => {
+        //     console.log(arguments);
+        // }
+        let foo = (...arg) => {
+            console.log(arg);
+        }
+        foo(1,2,3,4,5);
+    </script>
+</body>
+</html>