JS基础知识(未完)

学习笔记，知识点来源于掘金小册-yck-前端面试之道

 

1.原始类型（6种）

原始类型储存的都是值

number

boolean

string

null

undefined

symbol

null不是对象类型。虽然 typeof null 会输出 object，但是这只是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000 开头代表是对象，然而 null 表示为全零，所以将它错误的判断为 object 。虽然现在的内部类型判断代码已经改变了，但是这个 Bug 却一直流传下来。

2.对象类型

对象类型储存的是地址；当创建一个对象类型的时候，计算机会在内存中帮我们开辟一个空间来存放值，对象类型储存的就是这个空间的地址

const a = [];
/*
对于常量 a 来说，假设内存地址为 #001，那么在地址 #001 的位置存放了值 []，常量 a 存放了地址 #001
*/
const b = a;
//b存放的也是地址#001,a,b指向同一片内存，互相影响

函数参数是对象会发生什么问题？

function test(person) { // person参数是p1的副本，和p1指向同一内存
  person.age = 26  //这里修改person，p1也变了
  person = {       // 这里给person一个新地址，person与p1没关系了
    name: 'yyy',
    age: 30
  }

  return person
}
const p1 = {
  name: 'yck',
  age: 25
}
const p2 = test(p1)
console.log(p1) // {name:'yck',age:26}
console.log(p2) // {name:'yyy',age:30}

 3.typeof vs instanceof

3.1typeof能否正确判断数据类型？

typeof 1 // 'number'
typeof '1' // 'string'
typeof undefined // 'undefined'
typeof true // 'boolean'
typeof Symbol() // 'symbol'
typeof null // object

typeof [] // 'object'
typeof {} // 'object'
typeof console.log // 'function'

对于原始类型来说，除了typeof null，其他都能正确判断

对于对象类型来说，除了函数，其他都会显示object

所以typeof不能正确判断数据类型

3.2 instanceof 能正确判断对象的原理是什么？

原型链

const Person = function() {}
const p1 = new Person()
p1 instanceof Person // true

var str = 'hello world' // 原始类型
str instanceof String // false

var str1 = new String('hello world') // 经过了原型链，对象类型
str1 instanceof String // true 

 

4.类型转换

js中类型转换只有三种情况：

转成布尔值

转成数字

转成字符串

 

5.this指向

function foo() {
  console.log(this.a)
}
let a = 1
foo()  // 1.指向window

const obj = {
  a: 2,
  foo: foo
}
obj.foo()  // 2.指向调用者

const c = new foo()  // 3. this指向c，不会被任何其他方式改变

箭头函数的this指向函数定义时的环境（或者说箭头函数没有this，取决于包裹箭头函数的第一个普通函数的this）

 

 call,apply是立即调用；bind是绑定，并不会立刻执行，只会返回一个新函数，用于稍后调用