Easy Interview 之 JS数据类型

·  阅读 302

banner

section 1

Interviewer: 请介绍一下js的数据类型~

Interviewee

  1. 可以分为两种类型:基本数据类型引用数据类型
  2. 基本数据类型包括:数字(number)、字符串(string)、布尔值(boolean)、undefined、null;
  3. 引用数据类型包括:对象(Object)数组(Array)、函数(Function)、正则(RegExp)和日期(Date)等。

section 2

Interviewer: 那么基本类型和引用类型有什么区别呢~

Interviewee

  1. 存储:基本类型值:保存在栈内存中;引用类型值:保存在堆内存中
  2. 复制:引用类型需要切断引用。
  3. 传递:函数执行完毕,基本类型不会改变,引用类型可能改变。详见
  4. 类型检测(goto section3

section 3

Interviewer: 怎么判断一个数据类型呢~

Interviewee

  1. 如果是基本类型,typeof就够用了;
  2. 如果是引用类型,instanceof就够用了;
  3. 如果判断所有的类型,需要使用Object.prototype.toString.call

section 4

Interviewer: 你能够实现一个instanceof 么~

Interviewee:让我想想~~~~

Object.prototype.instanceof = function(constructor) {
  return this.__proto__ === constructor.prototype;
}
复制代码

section 5

Interviewer: 你能够实现一个isType 么~

Interviewee:让我想想~~~~

const TYPES = ['String', 'Number', 'Array', 'Null', 'Undefined'];
const isType = type => element => Object.prototype.toString.call(element) === `[object ${type}]`;
const Types = TYPES.reduce((prev, curr) => ({ ...prev, [`is${curr}`]: isType(curr) }), {});
Types.isArray([]); // true
// 组合
const Types = ['String', 'Number', 'Array', 'Null', 'Undefined']
  .reduce((prev, curr) => ({
    ...prev,
    [`is${curr}`]: element => Object.prototype.toString.call(element) === `[object ${curr}]`
  }), {});
复制代码

section 6

Interviewer: 你刚说道复制,你知道深copy和浅copy么,可以简单实现一个么?

Interviewee: 是这样的。深copy 要看使用场景

  1. 如果没有特殊要求,可以用JSON.stringfyJSON.parse
const deepClone = element => JSON.parse(JSON.stringify(element));
复制代码
  1. 如果使用场景复杂,考虑使用loash,_.cloneDeep

  2. 以下是我实现深copy的方案(只考虑数组对象,不考虑原型链上数据)

const deepClone = (element) => {
  if (!(typeof element === 'object')) return element;
  if (element === null) return null;
  return element instanceof Array
    ? element.map(item => deepClone(item))
    : Object.entries(element).reduce((pre, [key, val]) => ({ ...pre, [key]: deepClone(val) }), {});
}
复制代码
分类:
前端
标签: