JS高级学习笔记

数据类型：
  基本类型
    String: 任意字符串
    Number：任意数字
    boolean：true，false
    undefined：undefined
    null：null
  引用类型：
    Object：任意对象
    Function：函数，一种特别的对象，可以执行
    Array：数组，一种特别的对象，(数值下标，内部数据有序)

-----------------------------------------------------------------------------------------
判断:
  typeof：
    可以判断：undefined/数值/字符串/布尔值/function
    不能判断：null与object  object与array
  instanceof:
    判断对象的具体类型
  ===：
    可以判断：undefined null

-----------------------------------------------------------------------------------------
undefined与null的区别：
   undefined代表定义未负值
   null代表定义并赋值了，只是值为null
什么时候给变量赋值为null？
   初始赋值，表明将要赋值为对象时
   结束前，让对象成为垃圾对象(被垃圾回收机制回收)
严格区别变量类型与数据类型：
   数据的类型：
     基本类型
     对象类型
   变量的类型(变量内存值的类型)：
     基本类型(保存的就是基本类型的数据)
     引用类型(保存的是地址值)

-----------------------------------------------------------------------------------------
原型(prototype):
  1. 函数的prototype属性：
       每个函数都有一个prototype属性，默认指向一个空对象，称为原型对象
       原型对象中有一个属性constructor，它指向函数对象
  2. 给原型对象添加属性(一般都是方法)
       作用：函数的所有实例对象自动拥有原型中的属性(方法)
显示原型与隐式原型：
  每个函数function都有一个prototype，即显示原型（属性）
  每个实例对象都有一个__proto__,可称为隐式原型（属性）
  实例对象的隐式原型的值为其对应的构造函数的显性原型的值
  函数的prototype属性：在定义函数时自动添加，赋值默认为一个空的object对象
  实例对象的__proto__属性:在创建对象时自动添加，赋值为构造函数的prototype属性值
  程序员能直接操作显式原型，但不能直接操作隐式原型(es6)之前
原型链：
  访问一个对象的属性时,先在自身属性中查找，找到返回，
  如果没有，再沿着_ proto__ 这条链向上查找，找到返回，
  如果最终没找到，返回undefined
  函数的显式原型指向的对象：默认是object空实例对象（但是Object不满足）
  所有函数都是Function的实例，包含他自己，他是new自己产生的实例
  Object的原型对象时隐式原型链的尽头
  别名：隐式原型链
  作用：查找对象的属性(方法)
原型链的属性问题：
  读取对象的属性值时:会自动到原型链中查找
  设置对象的属性时：不会查找原型链，如果当前对象没有此属性，直接添加此属性并设置其值
  方法一般定义在原型中，属性一般通过构造函数定义在对象本身
instanceof是如何判断的？
  表达式：A instanceof B
  如果B函数的显式原型对象在A对象的原型链上，返回true，否则返回false
 
-----------------------------------------------------------------------------------------
执行上下文：
  1.代码分类(位置)
       全局代码
       函数（局部）代码
  2.全局执行上下文
       在执行全局代码前将window确定为全局执行上下文
       对全局数据进行预处理
          var 定义的全局变量 ⇒ undefined,添加为window的属性
          function声明的全局函数 ⇒ 赋值（fun），添加为window的方法
          this ⇒ 赋值（window）
       开始执行全局代码
  3.函数执行上下文
    在调用函数，准备执行函数体之前,创建对应的函数执行上下文对象(虚拟的，存在于栈中)
    对局部数据进行预处理
        形参变量⇒ 赋值(实参)⇒ 添加为执行上下文的属性
        arguments⇒ 賦值(实参列表)，添加为执行上下文的属性，
        var定义的局部变量⇒ undefined, 添加为执行上下文的属性
        function声明的函数⇒ 赋值(fun)。 添加为执行上下文的方法
        this⇒ 赋值(调用函数的对象)
    开始执行函数体代码
执行上下文栈：
    在全局代码执行前, JS引擎就会创建一个栈来存储管理所有的执行上下文对象
    在全局执行上下文(window)确定后,将其添加到栈中(压栈)
    在函数执行上下文创建后，将其添加到栈中(压栈)
    在当前函数执行完后，将栈顶的对象移除(出栈)
    当所有的代码执行完后，栈中只剩下window

----------------------------------------------------------------------------------------- 
变量提升和函数提升优先级：
  函数提升要比变量提升的优先级要高一些，且不会被变量声明覆盖，但是会被变量赋值之后覆盖。

-----------------------------------------------------------------------------------------
作用域与执行上下文：
  1.区别1:
    全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义的时候就已经确定了，而不是在函 
    数调用时。
    全局执行上下文环境是在全局作用域确定之后，js代码马上执行之前创建
    函数执行上下文是在函数调用时，函数体代码执行之前创建。
  2.区别2:
    作用域是静态的，只要函数定义好了就一直存在，不会再变
    上下文环境是动态的，调用函数的时候创建，函数执行完毕上下文环境就会被释放
  3.联系:
    上下文环境（对象）是从属于所在的作用域
    全局上下文环境⇒ 全局作用域
    函数上下文环境⇒ 对应的函数作用域

-----------------------------------------------------------------------------------------
内存溢出与内存泄漏：
   内存溢出：
      一种程序运行出现的错误
      当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误
   内存泄露：
      占用的内存没有及时释放
      内存泄露积累多了就容易导致内存溢出
   常见的内存泄露:
      意外的全局变量
      没有及时清理的计时器或回调函数
      闭包

-----------------------------------------------------------------------------------------
闭包：
  闭包存在于嵌套的内部函数中
  如何产生闭包：
      当一个嵌套的内部子函数引用了嵌套的外部父函数的变量（函数）时，就产生了闭包。
  产生闭包的条件：
      函数嵌套
      内部函数引用了外部函数的数据(变量/函数)
  闭包的作用：
     使得函数内部的变量在函数执行完后，仍然存活在内存中，延长了局部变量的生命周期
     让函数外部可以操作(读写)到函数内部的数据（变量，函数）
  闭包的生命周期：
     产生：在嵌套内部函数定义执行完了时就产生（不是在调用）。
     死亡：在嵌套的内部函数成为垃圾对象时。
  闭包的缺点：
     函数执行完后，函数内的局部变量没有释放，占用内存时间会变长
     容易造成内存泄漏
     解决：
         能不用闭包就不用
         及时释放
-----------------------------------------------------------------------------------------
常见的闭包：
  1. 将函数作为另一个函数的返回值
     function fn1(){
      var a=1
      function fn2(){
        a++
        console.log(a)
      }
       return fn2
     }
     var f=fn1()
     f() //2
     f() //3
  2. 将函数的实参传递给另一个函数调用
     function fun(msg,time){
      setTimeout(function(){
            alert(msg)
      },time)
     }
     fun("haha",2000)

-----------------------------------------------------------------------------------------
浏览器内核模块组成:
  主线程有以下四个
     js引擎模块 : 负责js程序的编译与运行
     html,css文档解析模块 : 负责页面文本的解析
     DOM/CSS模块 : 负责dom/css在内存中的相关处理
     布局和渲染模块 : 负责页面的布局和效果的绘制(内存中的对象)
  分线程有以下三个:
     定时器模块 : 负责定时器的管理
     DOM事件响应模块 : 负责事件的管理
     网络请求模块 : 负责ajax请求

-----------------------------------------------------------------------------------------
定时器真是定时执行的吗?
   定时器并不能保证真正定时执行
   一般会延迟一丁点(可以接受)。也有可能延迟很长时间(不能接受)
定时器回调函数是在分线程执行的吗?
   在主线程执行的，js是单线程的
如何证明js执行是单线程的?
   setTimeout()的回调函数是在主线程执行的
   定时器回调函数只有在运行栈中的代码全部执行完后才有可能执行
为什么js要用单线程模式，而不用多线程模式?
   JavaScript的单线程，与它的用途有关。
   作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。
   这决定了它只能是单线程，否则会帶来很复杂的同步问题
代码的分类
   初始化代码(同步代码):包含绑定dom 事件监听，设置定时器， 发送ajax 请求的代码
   回调代码(异步代码):处理回调逻辑
js引擎执行代码的基本流程
  先执行初始化代码：包含一些特别的代码，比如回调函数（异步执行）
   设置定时器
   绑定监听
   发送ajax请求
  后面在某个时刻才会执行回调代码