fengchuanyu 7 ساعت پیش
والد
کامیت
08887aa961
2فایلهای تغییر یافته به همراه192 افزوده شده و 0 حذف شده
  1. 98 0
      8_ES6/1_let&const.html
  2. 94 0
      8_ES6/练习题1_函数及变量特性.html

+ 98 - 0
8_ES6/1_let&const.html

@@ -0,0 +1,98 @@
+<!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 a = 10;
+        // var a = "str";
+
+        // let 新的变量定义方式
+        // let 定义的变量 不能重复定义
+        // let a = 10;
+        // let a = 1;
+        // let b = "a";
+
+        // a = 10;
+        // var a ;
+        // console.log(a);
+        // let 定义的变量 不能在定义前使用 必须先定义再使用
+        // a = 10;
+        // let a;
+        // console.log(a);
+
+        // let 不存在变量提升
+
+        // const 定义常量 不能重复定义 不能在定义前使用 必须先定义再使用
+        
+        let a = 10;
+        a = 20;
+        a = "a";
+        console.log(a);
+
+        const b = 1;
+        b = 2;
+        console.log(b);
+
+
+
+
+
+
+
+
+
+
+
+        // var 存在变量提升
+        // 变量提升:在代码执行前会先将 var 把变量定义的部分提升到当前作用域的最顶端
+        // var a;
+        // console.log(a);
+        // a = 10;
+
+        // function fun(){
+        //     var a
+        //     console.log(a);
+        //     a = 10;
+        // }
+        // console.log(a);
+        // fun();
+
+        // var foo;
+        // console.log(foo);
+        // foo = function(){
+        //     console.log("hello world");
+        // }
+
+        // foo()
+        // var foo = function(){
+        //     console.log("hello world");
+        // }
+
+        // 函数提升:在代码执行前会先将函数定义的部分提升到当前作用域的最顶端
+        // foo()
+        // function foo(){
+        //     console.log("hello world");
+        // }
+
+
+        // foo();
+        // function foo(){
+        //     console.log("hello world");
+        // }
+        // var foo = 10;
+        // var foo;
+        // function foo(){
+        //     console.log("hello world");
+        // }
+        // foo();
+        // foo = 10;
+
+
+
+    </script>
+</body>
+</html>

+ 94 - 0
8_ES6/练习题1_函数及变量特性.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <script>
+        // 第一题
+        var n = 13;
+        function fn(n) {
+            alert(n);//
+            n = 14;
+            alert(n);
+        }
+        fn(n);
+        alert(n)
+
+        // 第二题
+        var n = 0;
+        function a() {
+            var n = 10;
+            function b() {
+                n++;
+                alert(n);
+            }
+            b();
+        }
+        a();
+        alert(n);
+
+        // 第三题
+        console.log(num, str);
+        var num = 18;
+        var str = "lily";
+        function fn2() {
+            console.log(str, num);
+            num = 19;
+            str = "candy";
+            var num = 14;
+            console.log(str, num);
+        }
+        fn2();
+        console.log(str, num);
+
+        // 第四题
+        fn();
+        function fn() { console.log(1) };
+        fn();
+        var fn = 13;
+        fn();
+        function fn() { console.log(2) };
+        fn();
+
+        // 第五题
+        (function f() {
+            function f() { console.log(1) };
+            f();
+            function f() { console.log(2) };
+        })();
+
+        // 第六题
+        if (!("a" in window)) {
+            var a = 10;
+        }
+        alert(a);
+        console.log(fn);
+        if (9 == 8) {
+            function fn() {
+                alert(2);
+            }
+        }
+        
+        // 第七题
+        function fn() {
+            var i = 5;
+            return function (n) {
+                console.log(n * i++);
+            }
+        }
+        var f = fn();
+        f(4);
+        fn()(5);
+        f(6);
+
+
+    </script>
+</body>
+
+</html>