变量的提前声明

2021-11-05 10:04:05 阅读：106 来源： 互联网

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <title>变量的声明提前</title>
 8 </head>
 9 <body>
10     <script>
11 
12         /**
13          *  变量的申明提前
14          *    - 使用 var 关键字声明的变量，会在所有代码执行前被声明（但不会被赋值）
15          *          但是如果声明变量时不使用 var，则变量不会被提前声明
16         */
17 
18         console.log(a)
19         var a = 123;  // a 被提前声明， 但未赋值 console.log(a) = undefined
20 
21         var b = 456;
22         console.log(b) // b 被提前声明，再逐行执行代码， b被赋值‘456’ console.log(b) = 456
23 
24 
25         /**
26          *  函数的声明提前
27          *    - 使用函数声明形式创建的函数-----function 函数(){}
28          *          它会在所有代码执行前就被创建，所以可以在函数声明前来调用函数
29          *    - 使用函数表达式创建的函数，不会被提前声明，不能在声明前调用
30         */
31 
32 
33         //函数声明，会被提前创建
34         fn1();
35         function fn1 () {
36             console.log('我是fn1函数')
37         }
38         
39         //函数表达式，不会提前创建
40         var fn2 = function () { // fn2 变量被提前声明，但未赋值
41             console.log('我是fn2函数')
42         }
43         fn2();
44 
45 
46         /**
47          *  函数作用域
48          *   - 调用函数时创建函数作用域，函数执行完毕后，函数作用域销毁
49          *   - 每调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的
50          *   - 在函数作用域中可以访问到全局作用域的变量
51          *       在全局作用域中无法为访问到函数作用域中的变量
52          *   - 当函数作用域操作一个变量时，它会在自身作用域中寻找，有就会直接使用，没有就会向上一级中寻找，直到全局作用域
53          *       访问全局中的变量可以用 Windows对象
54          *   - 在函数中不用 var 声明的变量会成为全局变量 影响全局
55          *      - 如果函数有形参 a，再在函数中定义变量 a,不会影响到全局中的变量a,会赋值给形参
56          * 
57         */
58 
59         var c = 1;
60         var d = 1;
61 
62         function fn3 () {
63             c = 2;
64             var d = 4;
65             e = 5;
66         }
67         fn3(); // 调用函数
68         console.log(c) // c = 2 ; 没有用 var 声明 c 变量，使全局变量 c 重新赋值为2
69         console.log(d) // c = 1 ; 用 var 声明变量；没用影响到全局变量 d
70         console.log(e) // 函数内没有用 var 关键字声明，e 为全局变量，可以被外部访问到
71 
72 
73         /**
74          *  定义形参就相当于声明了一各变量
75         */
76 
77         f = 111
78         function fn6 (f) {
79             // 相当于声明了一份 var f;
80             alert(f); 
81             f = 123;  // f 赋值给了形参，不会影响到全局变量f
82         }
83         fn6(); // 为传参，undefined
84         alert(f)
85 
86     </script>
87 </body>
88 </html>

标签：console,函数,作用域,var,提前,声明,变量
来源： https://www.cnblogs.com/tmccjs/p/15511802.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

变量的提前声明