Javascript——判断数据类型的四种方法

  • 使用typeof进行判断

    语法:typeof 判断的数据
    特点:可以准确判断基本数据类型,无法对复杂数据类型进行准确判断

  • 使用constructor进行判断

    语法:对象名.constructor
    特点:只能判断复杂数据类型,不能判断基本数据类型

  • 使用instanceof进行判断

    语法:对象名 instanceof 构造函数
    特点:只能判断复杂数据类型,不能判断基本数据类型

  • 使用Object.prototype.toString.call()判断

    语法:Object.prototype.toString.call(需要判断的数据)
    特点:可以准确判断所有数据类型

  • 深度了解对象

    • 对象是数据类型的一种,以键值对的形式存储数据key : value,使用__proto__和原型链可访问自己没有的属性
    • 使用 for in循环可遍历对象身上以及原型链上所有可枚举的属性;我们可以对属性进行设置是否可枚举
    • hasOwnProperty()可以产看是否是自己的属性
      语法:对象名.hasOwnProperty('需要检测的属性名')
    • defineProperty()数据劫持
      一种给对象添加属性的方式,可以对属性设置各种各样的行为状态
      语法:Object.defineProperty(需要添加属性的对象, key, {添加怎么样的设置})
  <input id="username"  type="username">
  <script>
    let prop = {
      firstName: '张',
      lastName: '思锐'
    }
    let obj = {}

    Object.defineProperty(obj, 'username', {
      enumerable: true,// 设置属性是否可枚举
      get() {
        // 数据劫持prop属性
        return prop.firstName + prop.lastName
      },
      // val形参接收外界传过来的值
      set(val) {
        // 接收 形参进行修改 属性值内容
        let a = val.slice(0, 1)
        let b = val.slice(1)
        // 使用劫持到的属性进行设置
        prop.firstName = b
        prop.lastName = a
        let inp = document.querySelector('#username')
        inp.value = obj.username
      }
    })
    obj.username = '张一山'
  </script>
19 声望
2 粉丝
0 条评论
19 声望
2 粉丝
宣传栏