首頁 探索 說明
登入
lovecoding
/
Web1020
10
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

admin

fengchuanyu 3 月之前
父節點
52353c75d3
當前提交
f9d87d64f8
共有 2 個文件被更改，包括 185 次插入 和 0 次删除
統一視圖 顯示文件統計
  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>