我的网站开发技术经验总结 我的网站开发技术经验总结
首页

fangdown

我的网站开发技术经验总结
首页
  • 大前端

  • 基础

    • js

      • 你知道new操作符是如何实现的吗
      • 说说大文件上传的思路
      • 说说对闭包的理解及应用
      • 说说对单点登录sso的理解
      • 说说对防抖节流的理解
      • 说说对函数式编程的理解
      • 说说对内存泄漏的理解及触发场景
      • 说说对事件模型的理解
      • 说说对事件委托的理解及应用场景
      • 说说对原型及原型链的理解
      • 说说对正则表达式的理解
      • 说说对BOM的理解及常见操作
      • 说说对Dom的理解及常见操作
      • 说说对JavaScript中事件循环的理解
      • 说说对js的执行上下文的理解
      • 说说对js中变量作用域的理解
      • 说说对js中继承的理解及实现方式
      • 说说对this关键字的理解
      • 说说你对 Immutable Data的理解?如何应用在React项目中
      • 说说如何判断数据类型
        • 是什么
        • 判断方式
          • typeof
          • instanceOf
          • construcor
          • Object.prototype.toString
      • 说说如何判断一个元素在可视区域内
      • 说说如何实现函数缓存
      • 说说深浅拷贝的区别及实现
      • 说说什么是尾递归及其应用
      • 说说为什么0.1+0.2!==0.3
      • 说说下拉刷新,上拉加载的原理
      • 说说ajax的实现原理
      • 说说call-apply-bind的作用及区别
      • 说说js中本地存储有哪些方式及区别
      • 说说js中的类型转换机制
      • Javscript数组的常用方法有哪些?
      • Javscript字符串的常用方法有哪些?
    • css

    • ES6

  • 框架

  • 情商

  • 算法

  • 网络

  • 千锤百炼
  • 基础
  • js
fangdown
2021-08-31
目录

说说如何判断数据类型

# 是什么

数据类型:js 中变量的存储类型

  • 基础: string number boolean null undefined symbol
  • 引用: object(object array function)

# 判断方式

  • typeof
  • instanceof
  • constructor
  • Object.prototype.toString.call

# typeof

  • 可以判断基础数据类型
  • 判断引用类型都返回 object, 除了 function
typeof 1; // number
typeof {}; // object
typeof function() {}; // function

# instanceOf

根据原型链查找进行对比,返回布尔值

let a = new Number();
if (a instanceof Number) {
  console.log("true");
}

原理

function myInstanceof(left, right) {
  let leftProto = left.__proto__;
  let rightPrototype = right.prototype;
  while (true) {
    if (leftProto === null || typeof leftProto !== "object") return false;
    if (leftProto === rightPrototype) return true;
    leftProto = leftProto.__proto__;
  }
}

# construcor

function Foo() {}
let f = new Foo();
f.constructor === Foo;

# Object.prototype.toString

返回值:前面小写object, 后面大写类型

let a = 'fang'
Object.prototype.toString.call(a) // [object String]
Object.prototype.toString.call({}) // [object Object]

#js
上次更新: 2021/12/19, 18:05:42
说说你对 Immutable Data的理解?如何应用在React项目中
说说如何判断一个元素在可视区域内

← 说说你对 Immutable Data的理解?如何应用在React项目中 说说如何判断一个元素在可视区域内→

最近更新
01
多分支修复撞车的问题
05-01
02
如何成为架构师
01-23
03
服务器部署全过程
11-23
更多文章>
Theme by Vdoing | Copyright © 2019-2026 fangdown | 粤ICP备19079809号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式