JS高级---基础总结深入

1. 基础总结深入

1.1数据类型

判断

typeof : 可以判断number/string/boolean/undefined/function，不能判断null和object，object和array。
instanceof：判断对象的具体类型
===：可以判断undefined，null

var a;
// 返回数据类型的字符串形式
console.log(a,typeof a,typeof a === 'undefined',a === undefined)    // undefined,'undefined',true,true
a = null;
console.log(typeof a,a === null);    // 'object',true
var b = {b2:[1,'abc',console.log],b3:function(){console.log('b3')}
}
console.log(b instanceof Object,b instanceof Array);    // true,false
console.log(b.b2 instanceof Array,b.b2 instanceof Object);  //true,true
console.log(b.b3 instanceof Function,b.b2 instanceof Object);   //true,true
console.log(typeof b.b3,typeof b.b2,typeof b);  // 'function','object','object'

三个问题

undefined和null的区别？

// undefined代表定义未赋值，null代表定义赋值为null
var a;
console.log(a); // undefined
a = null;
console.log(a); // null

null的使用方式？

// 起始，表明要赋值变量为对象
var a = null;
// 确定对象内容再赋值
a = ['zut',2023];
// 最后，回收对象
a = null;  // 断开a与对象的引用关系，使对象变成垃圾对象（被垃圾回收器回收）

怎么区别变量类型与数据类型

// 数据类型：基本类型，对象类型
----------------------------------------------
// 变量类型（变量内存值的类型）：基本类型，引用类型
// 基本类型：保存是基本类型的数据
// 引用类型：保存是地址值

1.2数据-变量-内存

什么是数据？

存储在内存中的代表特定信息的东西，本质上是’010101’

数据的特点：可传递，可运算

什么是内存？

内存条通电后产生的可以储存数据的空间(临时的数据)

内存产生和死亡：内存条（电路板）=> 通电 => 产生内存空间 => 存储数据 => 处理数据 => 关电 => 内存空间和数据都消失

每块内存都有地址值，但是仅内存中的数据是对象时才使用到地址值:

var a = {name:'牛伟豪'}；  // a读取的是对象内存的地址值
var b = a; // b读取的是a内存中保存的数据，而不读取a内存的地址值，尽管a有地址值

一块小内存有两个数据：

内部存储的数据
内存的地址值

内存分类：

堆：对象
栈：全局变量/局部变量

什么是变量？

可变化的量，由变量名和变量值组成

每个变量都对应一块小内存，变量名用来查找对应的内存，变量值就是内存中保存的数据。

一些问题

关于赋值与内存的问题

var a = xxx; // a内存中保存的是什么东西？
// xxx 为基本数据，保存的就是这个数据
// xxx 为对象数据，保存的是对象数据所在内存的地址值
// xxx 是变量，保存的是xxx的内存数据，这个数据可能是基本数据，也可能是地址值

关于引用变量的赋值问题

n个引用变量指向同一个对象，其中的任意一个变量修改对象内部值，其他变量看到的都是修改后的数据

2个引用变量指向同一个对象，其中的一个变量指向另一个对象，另一个变量依然指向前一个对象

var obj1 = {name:'牛伟豪'}，
var obj2 = obj1;
obj2.age = 18;
console.log(obj1.age);  // 18
function fn(obj){   // obj2保存的内容（该内容是对象的地址值）传给了objobj.name = 'Tom';
}
fn(obj2);
console.log(obj1.name); // Tom
------------------------------------------------
var a = {age:11};
var b = a;
a = {name:'zut',age:12};
console.log(a.name,a.age,b.age);    // zut,12,11
-----------------------------------------------
var a = {age:18};
function fn(obj){obj = {age:20};
}
fn(a);
console.log(a.age); // 18

JS调用函数传递变量参数时，是值传递还是引用传递

理解1：都是值传递（基本值/地址值）

理解2：可能是值传递，也可能是引用传递（地址值）

var a = 3;
function fn(a){a = a + 1;
}
fn(a);
console.log(a); // 3

JS引擎如何管理内存

内存生命周期

分配小内存空间，得到它的使用权
存储数据，可以反复进行操作
释放小内存空间

释放内存

局部变量：函数执行完自动释放
对象：成为垃圾对象==>垃圾回收器回收
全局变量：不会被释放和回收

var obj = {};
var a = 3;
obj = null/undefined;  // 全局变量a,obj不会被释放，obj原本所指的对象会被垃圾回收机制自动回收
function fn(){var b = {};
}
fn();   // 执行完函数后，变量b将自动释放，b所指的对象将在后面的某个时刻被垃圾回收机制回收

1.3对象

什么是对象？

用来保存多个数据的容器

为什么要用对象？

统一管理多个数据

对象的组成

属性：属性名（字符串）和属性值组成

方法：一种特别的属性（属性值是函数）

如何访问对象内部数据？

通过 .属性 访问，使用方便，但不通用
通过 [’属性‘] 的方式访问，使用麻烦，但通用
当属性名有-或空格等特殊字符时，或者属性是一个变量时应该用【“属性”】

1.4函数

什么是函数

一些实现具体作用的代码封装体

函数的作用

提高代码复用

函数如何声明

// 函数声明
function fn(){...
}
// 表达式
var fn = function(){...
}

函数如何调用

function fn(){...
}
fn();   // 直接调用
obj.fn();   // 在对象里调用
new fn();   // 通过new调用
fn.call/apply(obj)  //临时调用，obj里并没有fn函数，此时只是临时调用，并把fn函数里的this指向obj作用域

回调函数

你定义的函数没有主动调用却可以执行的函数

document.getElementById('btn').onclick = function(){...   // dom事件回调函数
}
setTimeout(()=>{... // 定时器回调函数
},2000)

立即执行函数（IIFE）

创建独有的函数作用域，函数里的变量不会污染外部命名空间

(function(){ // 匿名函数自调用...
})()

函数中的this

this是什么？

任何函数本质上都是通过某个对象调用的，所有函数内部都有一个变量叫this，它的值是调用函数的当前对象。如果没有直接指定就是window

如何确定this的值

test()==>window

p.test()==>p

new test()==>实例对象

test.call(obj)==>obj