弱类型
- 在JS中变量类型由所引用的值决定
var web = "helloWorld"; console.log(typeof web); //string web = 99; console.log(typeof web); //number web = {}; console.log(typeof web); //object变量提升
- 解析器会先解析代码，然后把声明的变量的声明提升到最前，这就叫做变量提升。
- 使用 var 声明代码会被提升到前面，赋值还在原位置
console.log(a); //undefined var a = 1; console.log(a); //1
//以上代码解析器执行过程如下 var a; console.log(a); //1 a = 1; console.log(a); //1
var web = "helloworld"; function hd() { if (false) { var web = "你好，世界"; } console.log(web); } hd();
- 以上if循环中var定义的变量也会发生变量提升，但是不会提升至函数顶端，因为if是具有单独的作用域的。
##### TDZ(暂时性死区)
- 指的是变量在作用域内已经存在，但必须在let/const声明后才可以使用（否则会报错），TDZ可以让我们保持先声明后使用的习惯，让程序更加健壮。
一般我们建议：变量要先声明后使用，尽量用let/const代替var.
- 下面代码中的b没有声明赋值不允许使用unction hw(a = b, b = 3) {} hw(); //Cannot access 'b' before initialization
- 但是以下可以function hw(a = 2, b = a) {} hw();
##### 块作用域
1. var、let、const共同点----
- 全局作用域中定义的变量，可以在函数中使用
- 函数中声明的变量，只能在函数及其子函数中使用;函数中声明的变量就像声明了私有领地，外部无法访问var hw =22; function hello(){ return hw +=11; } console.log(hello()); // 33
function hw() { var web = "你好，世界";
function show() { console.log(web); } show(); //子函数结果: 你好，世界 console.log(web); //函数结果: 你好，世界 } hw(); console.log(web); //全局访问: hw is not defined
- var
使用 var 声明的变量存在于最近的函数或全局作用域中，没有块级作用域的机制。没有块作用作用域时var也会污染全局，使用let有块作用域时则不会。
var 全局声明的变量也存在于 window对象中//没有块任用时使用立即执行函数模拟块作用域
(function() {
var $ = this.$ = {};
$.web = "后盾人";
}.bind(window)());
console.log($.web);
//有了块作用域后
{
let $ = (window.$ = {});
$.web = "你好，世界;
}
console.log($.web);- let
与 var 声明的区别是 let/const 拥有块作用域，下面代码演示了块外部是无法访问到let声明的变量。
1. 建议将let在代码块前声明
2. 用逗号分隔定义多个
**let存在块级作用域特性，变量只在块域中才有效**if (true) {
let web = 'hdcms',url = 'houdunren.com';
console.log(web); //hdcms
}
console.log(web); //web is not defined**块内部都是可以访问到上层作用域的变量** if (true) {
let user = "linmeng";
(function() {
if (true) {
console.log(`这是块内访问：${user}`);
}
})();
}
console.log(user);**每一层都是独立作用域，里层作用域可以声明外层作用域同名变量，但不会改变外层变量**
function run() { hw = "helloworld"; if (true) { let hw = "hwoo"; console.log(hw); //hwoo } console.log(hw); //helloworld } run();
- const
**使用规则**
- 常量名建议全部大写
- 只能声明一次变量
- 声明时必须同时赋值
- 不允许再次全新赋值
- 可以修改引用类型变量的值
- 拥有块、函数、全局作用域，在不同作用域中可以重名定义常量//可以修改引用类型的值 const INFO = { url: 'https://www.houdunren.com', port: '8080' }; INFO.port = '443'; console.log(INFO);
##### 重复定义
- 使用var 可能会造成同名变量
- 使用let的话会避免上述情况，在同一作用域，let若定义相同的变量，会报错（Identifier 'web' has already been declared）；在不同作用域则可以。但可以改变值这点是与const不同的地方；let全局声明的变量异于var,不存在window对象中，
##### Object.freeze
冻结变量后，不可修改，在严格模式下会报错"use strict" const HW= { url: 'https://www.helloworld.com', port: '8080' }; Object.freeze(HW); HW.port = '443'; //Cannot assign to read only property console.log(HW);
