javascript温故知新系列--第一部分：变量声明与数据类型

变量声明

变量声明的6个关键字：var function 以及ES6的 let,const,import,class。分别介绍每种声明方式的特性

var 关键字

1.支持重复的声明：后声明的覆盖之前声明的

var a=3;
var a=4;

2.支持声明提升：js引擎执行时分两个阶段，第一阶段时编译阶段，第二阶段执行阶段，编译阶段会声明提升例子如下

a=1;
var a;
console.log(a); //输出1
实际执行阶段顺序
var a;
a=1;
console.log(a)

function 关键字

用来声明函数的关键字，特性同var
1.支持重复声明后者覆盖前者
2.支持声明的提升：同var，编译阶段 回把声明提升到作用域的顶部

需要注意函数和var声明都会变量提升，那么执行顺序是怎样的：

func();
var func=2;
function func(){	
    console.log(1)
}
console.log(func)

实际执行阶段的顺序

function func(){
    console.log(1)
}
var func;
func();
func=2;
console.log(func)

****function的声明优先级 相比较于var更高。由于不会重复声明，其实相当于忽略了 var func;****
很显然输出结果：1 然后 2

let关键字

es6中新增的声明关键字let，用法类似var
1.块级作用域：let声明只在代码块内有效

{
    let a = 3;
    var b = 1;
}
console.log(a)//referenceError:a is not defined
console.log(b)// 1

2.不支持在同一作用域内重复的声明

//报错
function t1(){    
    let a=3; 
    let a=4;
}
//报错
function t1(){    
    let a=3; 
    var a=4;
}

3.不支持变量提升

console.log(a)
let a=3;
//报错referenceError

4.存在暂时性死区
只要块级作用域内存在let关键字，那么let声明的变量就绑定在这个块级作用域内，不再受外部影响

var a = 3;
if(true){
    console.log(a);//报错referenceError
    let a = 2;
}

简单来说就是：编译阶段 在块作用域内识别到let字段，就会找到let声明的变量，虽然不会变量提升，但是也认为这个作用域内有该变量，不会去外层作用域查找，所以不会输出3。而是报出错误

5.建议尽量使用let来代替var，可以妥善解决var经常遇到的一些问题：

for(var i=0;i<5;i++){
	setTimeout(function(){
		console.log(i)
    },1000)
}
//1秒后 输出5个 5，显然不是我们想要的

for(let i=0;i<5;i++){
	setTimeout(function(){
		console.log(i)
    },1000)
}
//1秒后 输出 0，1，2，3，4

我们来看下代码解析成什么执行步骤
{
	let i=0;
	setTimeout(function(){
		console.log(i)
    },1000)
}
{
	let i=1;
	setTimeout(function(){
		console.log(i)
    },1000)
}
...
{
	let i=4;
	setTimeout(function(){
		console.log(i)
    },1000)
}

这样应该就比较容易理解了,因为let在循环体内形成块级作用域，每一个变量i都是独立的，所以不会出现var声明的变量一样，被循环覆盖。

const关键字

const与let声明上 唯一的不同就是 const声明的是常量，let声明的是变量。
const一旦声明的常量，是不允许修改的。

const a=3;
a=4;//报错

但是对于复合类型的常量,变量名指向的是数据的地址，而不是数据本身，所以更改数据本身是可以的。

const a={
	t:3
}
a.t=4;//允许 因为a指向的地址是没变的，只是数据本身变了

a={
	t:3
}  //不允许 因为a指向的是一个新的地址

class 关键字

class 声明的是类，这里不多介绍了，后面会单独作为一块来说

import 关键字

es6 模块化内容，后续详解

数据类型

js内置数据类型包括原始基本数据类型和对象类型

原始基本数据类型：number,string,boolean,null,undefined,symbol
对象类型：object，里面还包含Function Array Date 等特殊对象类型

typeof对数据类型的判别

typeof(x)主要返回的数据类型分别是：“undefined”,“object”，“boolean”,“number”,
“string”,“function”,“symbol”；

这里有疑问的可能是为什么有了object，还出现了function，明明object已经包含了function类型。还有一个是 为什么少了一个null数据类型。

看下第一个问题:为什么会返回function类型：虽然函数是对象的一种，但是js对函数特殊对待了，typeof对函数返回的类型就是“function”；

typeof(Array)=="function" //true
typeof(Date)=="function" //true
typeof(Object)=="function" //true

第二个问题 typeof（null）为什么不是返回null类型。

typeof(null)=="object" //true

看下typeof判断null是个object类型。但是null并不是一个对象，是一个原始数据类型。
原理是这样：js中二进制前3位都是0的话代表对象。而null的二进制全是0，前三位自然就是0，所以系统就返回了“object”,