前端小知识10点（2019.5.2）

1、为什么 jQuery 整体上是一个匿名函数自调用？

因为匿名函数自执行里面的所有东西都是 局部 的，这样引用 jQuery 时，能防止和其他的代码冲突。

2、jQuery 静态方法和实例方法的区别

• $() 是调用 jQuery 方法返回的一个 jQuery 对象， $() 调用的方法是 实例方法 ，实例方法只能为 $() 所用

如： $("li").each()

• $ 是 jQuery 函数（方法）， $ 调用的方法是 静态方法/工具方法 ，静态方法既可以给 $() 调用，也可以给原生 javascript 调用

如： $().each()

3、为什么 typeof null 的结果是 object ？

console.log(typeof null) //object

在 JavaScript 最初的实现中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。由于 null 代表的是空指针（大多数平台下值为 0x00），因此，null的类型标签也成为了 0，typeof null就错误的返回了"object"。

MDN链接： https://developer.mozilla.org...

4、undefined 不是 js 的关键字

我们习惯在项目里这样判断是否为 undefined

name===undefined?'a':'b'

但一旦手动定义 undefined 并且赋值了，那么会覆盖掉 js 的变量类型 undefined

let undefined='a'
console.log(undefined) //a

所以，在做项目中，不要给变量起名为 undefined，并赋值

5、利用原型，来节省内存

A:

function person(name){
      this.name=name
      this.showName=function(){
        console.log(this.name)
      }
    }

B:

function personA(name) {
      this.name=name
    }
    personA.prototype={
      showName:function () {
        console.log(this.name)
      }
    }

使用方法 A 来 new 对象时，每个对象都要定义一遍 showName 方法，这会增加浏览器的内存

而使用方法 B new 对象的话，每个对象都共享了原型的方法，从而节省内存

6、new 一个对象，一般经过四个步骤

（1）创建一个新对象

（2）将构造函数的作用域赋值给该对象（即 this 指向该对象）

（3）执行构造函数的代码

（4）返回该新对象

注意：new 关键字的重要作用就是把 实例对象的 this 与 原型链相关联

7、数组的index（array[-5]=?）

let a=[1,2,3]
    //-1 相当于 a.length-1=2
    console.log(a[2])
    //-3 相当于 a.length-3=0
    console.log(a[0])
    
    //-5 相当于 a.length-5=-2
    //-2 相当于 a.length-2=1
    //即 -5 相当于a[1]
    console.log(a[1])

8、antd的 <Input> 的 allowClear 作用是清除value的值，如果你的value是保存在state里的话，也是可以清除的

<Input 
    value={this.state.value}
    allowClear
/>

9、对象有中文属性，如何通过解构赋值的方式去获取中文属性？

let obj={'哈哈':1}
  const {'哈哈':b}=obj
  const {a:{'嘿嘿':b}}=obj 
  console.log(b,'b24') //1

10、对象解构赋默认值

//默认设为noa
const {a='noa'}=obj
//默认设为nob
const {a:{b='nob'}}=obj

（完）