前端小知识10点201952

jiezi

6 年前

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)
      }
    }

    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

（完）