前端复习总结（4）

JS中一共分成几种数据类型

String，Number，Null，Boolean，Undefined，Object，Symbol
使用typeof检查一个Null类型的值时会返回"object"
console.log(typeof NaN)得到number

null和undefined

由于undefined衍生自null，所以null == undefined 会返回true。
但是 null === undefined 会返回false。
NaN
NaN不与任何值相等，报告它自身 NaN == NaN //false

undefined和 null为什么不能调用 toString()

undefined/null 是一个原始值 不是对象 就没有原型 就调用不到Object.prototype(原型链最终原型)的 toString 方法

new Array (5) 会生成怎样的数组呢？

是[ undefined ，undefined ，undefined ，undefined ，undefined ] 的呢？还是[ , , , , ] 的呢？还是别的呢？
new Array(5) 生成的数组是从来没有被赋过值的。
答案是[ , , , , ]
可以将new Array（5）.tostring（）得到的也是4个逗号，因为想第一条一样，undefined是不会有tostring方法的

原型

我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象,这个对象就是我们的原型对象，当我们访问对象的一个属性或方法时,会在自身中寻找,有,则使用,没有就去原型对象中寻找

有几种方式可以实现继承

原型链继承：传参是写死的，很不方便，所以可以在子构造函数中通过call来调用父类型的构造函数
借用构造函数继承
两种组合起来

  function Person(name, age) {
    this.name = name
    this.age = age
  }
  Person.prototype.setName = function (name) {
    this.name = name
  }

  function Student(name, age, price) {
    Person.call(this, name, age)  // 为了得到属性
    this.price = price
  }
  Student.prototype = new Person() // 为了能看到父类型的方法
  Student.prototype.constructor = Student //修正constructor属性
  Student.prototype.setPrice = function (price) {
    this.price = price
  }

  var s = new Student('Tom', 24, 15000)
  s.setName('Bob')
  s.setPrice(16000)
  console.log(s.name, s.age, s.price)

this

• test(): window
• p.test(): p
• new test(): 新创建的对象
• p.call(obj): obj

数据类型的判断

typeof：6个值
instanceof
如果B函数的显式原型对象在A对象的原型链上, 返回true, 否则返回false

作用域链，闭包，作用域

作用域：就是一块"地盘", 一个代码段所在的区域，隔离变量，不同作用域的变量不会发生冲突
作用域链：多个上下级关系的作用域形成的链, 它的方向是从内到外
闭包理解：闭包就是指有权访问另一个函数作用域中的变量的函数，当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包
外部函数调用之后其变量对象本应该被销毁，但闭包的存在使我们仍然可以访问外部函数的变量对象，
执行函数定义就会产生闭包(不用调用内部函数)

图片懒加载、预加载

图片预加载：就是在网页全部加载之前，提前加载图片，当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。
图片懒加载（缓载）：延迟加载图片或符合某些条件时才加载某些图片。

arguments

事件的冒泡

事件的冒泡(Bubble)
所谓的冒泡就是指的事件的向上传导,当后代元素上的事件被触发时,其祖先元素的相同事件也会被触发

事件委托

事件委托(委派/代理):

• 将多个子元素(li)的事件监听委托给父辈元素(ul)处理
• 监听回调是加在了父辈元素上
• 当操作任何一个子元素(li)时, 事件会冒泡到父辈元素(ul)
• 父辈元素不会直接处理事件, 而是根据event.target得到发生事件的子元素(li), 通过这个子元素调用事件回调函数
• 他也就是说this是子元素哦

事件捕获

一般都是先捕获，后冒泡

call，apply，bind

call，bind第二个传参形式一样
apply需要第二个参数传数组
call，apply会立即调用当前函数
bind不会立即调用，bind是将当前函数返回，常用于定时器