第 1 章 JS变量、作用域

目录

• 一、 判断变量类型
• 二、作用域 和 上下文
  • 1. 作用链
  • 2. 上下文（this）
• 二、JS的解析机制
  • 1. 预解析
• 三、垃圾收集
  • 内存管理销毁

@(es5)

• 基本类型
• 引用类型

一、 判断变量类型

1. typeof (能够判断的值：undefined、string、number、function；其他的类型，如对象、数组、null和 undefined 均判断为object)
2. instanceof (不推荐)
3. getPrototypeName ()

Object.getPrototypeName.call(null,variable) === '[object array]'
Object.getPrototypeName.call(null,variable) === '[object object]'
isNaN(NaN)
Array.isArray(ary)

二、作用域 和 上下文

• 变量生命周期
  
  在函数内声明的 变量，在函数执行完了就会结束。
• 访问变量
  
  先在函数内部查找有无变量，若没有，则在函数外部的包裹自身的函数查找，这样依次查找，直至找到全局作用域下。

ps: var只对第一个变量前的的等号起作用，后面有变量则是全局作用下，(不推荐这种写法)。

function foo() {
	var x = y = 0;
}
y;// 0

1. 作用链

ps：闭包可以改变函数的作用链(延长作用链)

function foo() {
	var x = 0;
	return function () {
		return ++x;
	}
}
var b = foo();
b();//1
b();//2

2. 上下文（this）

在es5中，this的指向是调用时使用的对象

function fn () {
	console.log(this)
}
fn() // window

const person = {
	say: function () {
		console.log(this)
	}
}

person.say() // person

setTimeout(function () {
	console.log(this === window) // true
})

ps: setTimeout 和 setInterval 第一个参数function的this指向是window

二、JS的解析机制

1. 预解析

1. 执行代码在前，function预解析高于var 。

console.log(a); //function () { ... }
var a = 0;
function a() {
	//TODO
}

1. function fn(){}这种形式是预解析，不是变量赋值。即，如果var 声明的变量和function fn(){}的函数同名，在执行过程中执行var中的变量，而function对应函数不存在。

console.log(a); //function () { ... }
var a = 2;
function a() {
  console.log('fn a()');
}
console.log(a); // 2
// var a = 3;
a(); // error: a is not a function

或

console.log(a); //function () { ... }
var a = 2;
console.log(a); // 2
// var a = 3;
a(); // error: a is not a function
function a() {
  console.log('fn a()');
}

三、垃圾收集

历史问题：标记清楚、引用计数、性能问题、管理内存

1. 只要重复引用，用变量代替
2. 内存少用，能够消除的一定销毁

内存管理销毁

var global_variable = null;