JS高级啊

数据类型

基本数据类型：按值访问，可操作保存在变量中的实际的值。基本类型值指的是简单的数据段。

引用数据类型：当复制保存着对象的某个变量时，操作的是对象的引用，但在为对象添加属性时，操作的是实际的对象。引用类型值指那些可能为多个值构成的对象。引用类型值指那些可能为多个值构成的对象。

基本数据类型(6种)：

Number String Boolean Null Undefined Symbol

引用数据类型（8种）:

Function Array Object String Number Boolean Date Math

1.Number

Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。
NaN:非数字类型。两大特点：1.涉及到的 任何关于NaN的操作，都会返回NaN。2. NaN不等于自身。

isNaN() 函数用于检查其参数是否是非数字值

2.String

字符串是存储字符的变量,由双引号(" ")或单引号(’ ')表示
字符串有length属性。可以取得字符串的长度。

字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,undefined没有toString()方法）。

3.Boolean

只有两个值，true和false;在运算中true=1,false=0。

4.Undefined

只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。

5.Null

也是只有一个值的数据类型，null值表示一个空对象指针，使用typeof操作符检测null值会返回"object"

6.常见的引用类型

Object类型:带有属性和方法的特殊数据类型。
Array:是使用单独的变量名来存储一系列的值。

Function:函数类型在JavaScript中也是对象。

7.基本类型和引用类型的区别

基本类型的变量是存放在栈区的（栈区指内存里的栈内存）；
引用类型的值是同时保存在栈内存和堆内存中的对象；
基本类型的比较是值的比较；
引用类型的比较是引用的比较；

NaN是什么？

NaN表示一个元素可不是数值，isNaN（）用于判断元素是否为数字的函数，是的话返回false，不是数字返回true。NaN和任何值比较都不相等。

Null和Undefined的区别？

null表示“没有对象”，即该处不应该有值。

undefined表示缺少值，此处应该有值，但是还没有定义。

栈和堆

1. 栈:保存数据大小固定的值 === 基本类型值，引用类型的地址
2. 堆：保存数据大小不固定的值 ===引用类型的数据
3. 变量保存在栈中
4. 引用类型的地址保存在栈中，数据保存在堆中，他们之间通过指针建立关系
5. 什么是栈内存，什么是堆内存，两者有什么区别？

栈内存：由程序自动向操作系统申请分配以及回收，速度快，使用方便，但程序员无法控制。若分配失败，则提示栈溢出错误。注意，const局部变量也储存在栈区内，栈区向地址减小的方向增长。

堆内存：程序员向操作系统申请一块内存，当系统收到程序的申请时，会遍历一个记录空闲内存地址的链表，寻找第一个空间大于所申请空间的堆结点，然后将该结点从空闲结点链表中删除，并将该结点的空间分配给程序。分配的速度较慢，地址不连续，容易碎片化。此外，由程序员申请，同时也必须由程序员负责销毁，否则则导致内存泄露。

6. 关于堆和栈区别的比喻：

堆和栈的区别可以引用一位前辈的比喻来看出：使用栈就象我们去饭馆里吃饭，只管点菜（发出申请）、付钱、和吃（使用），吃饱了就走，不必理会切菜、洗菜等准备工作和洗碗、刷锅等扫尾工作，他的好处是快捷，但是自由度小。使用堆就象是自己动手做喜欢吃的菜肴，比较麻烦，但是比较符合自己的口味，而且自由度大。

浅拷贝/深拷贝

浅拷贝只能修改第一层，深拷贝可以修改所有层

<script>
    // 浅拷贝-第一种方法
    var a = {
      name: '文静',
      age: 18
    };

    var b = {};
    for (const i in a) {
      b[i] = a[i]
    }
    b.age = 20;
    console.log(a);
    console.log(b);

    // 浅拷贝-第二种方法
    var a = {
      name: '文静',
      age: 18
    };

    var b = Object.assign({}, a);
    b.age = 22;
    console.log(b);

    // 深拷贝
    var a = {
      name: '文静',
      age: 18 ,
      dev:{
        devmane: '技术部'
      }
    };
    var c = JSON.stringify(a);
    c = JSON.parse(c);
    c.dev.devmane = 88;
    console.log(c);
    

  </script>

作用域

块级作用域

理解：

1. ES6独有
2. 使用let const定义的变量才具有块级作用域，var定义的变量没有
3. let const声明变量是挂载在标签作用域script
4. var 声明变量挂载在全局作用域 window

var：可以重新定义和赋值
let：可以重新赋值，不能重新定义
const：不能定义和赋值

定义函数两张方式

1.声明式

function 函数名(){
   函数体
}

2.表达式

let/var 变量名 = function(){
	函数体
}

区别：

		声明式可以在定义前或者后调用
		表达式只能在定义后调用

预编译

函数调用方法

回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调。

举一个别人举过的例子：约会结束后你送你女朋友回家，离别时，你肯定会说：“到家了给我发条信息，我很担心你。” 对不，然后你女朋友回家以后还真给你发了条信息。小伙子，你有戏了。其实这就是一个回调的过程。你留了个参数函数（要求女朋友给你发条信息）给你女朋友，然后你女朋友回家，回家的动作是主函数。她必须先回到家以后，主函数执行完了，再执行传进去的函数，然后你就收到一条信息了。

<script>
    function say(value){
      alert(value);
    }
    function hi(a,value){
        a(value+1)
    }
    hi(say,'18')

    //结果:弹出 181
    //先执行hi 再执行 say
  </script>

箭头函数

IIFE

闭包

编程思维，对象

类，对象

创建对象

工厂函数

构造函数

原型（prototype）

原型链

this指向

改变this指向，复制

主要应用场景
1.call经常做继承
2.apply经常跟数组有关系比如借助于数学对象实现数组最大值最小值
3.bind不调用函数但是还想改变this指向比如改变定时器内部的this指向或者传递多个不同的this

ES5继承

ES6继承

自定义插件

    ;(function($){
       //在原型上挂载插件
       $.fn.函数名 = function(){
         //保存this
         var _this = this;

         //功能代码

         //返回this == 为了链式DOM操作
         return _this;

       }
    })(jQuery)