判断数据类型, es6类

本文详细介绍了JavaScriptES6中判断数据类型的方法,包括`typeof`、`constructor`、`instanceof`和`Object.prototype.toString.call()`,以及如何使用类来批量创建具有相同属性和方法的对象。
摘要由CSDN通过智能技术生成

es6的类

01-判断数据类型的方法

# typeof: 只能用来判断基本数据类型
typeof '123' 'string'
typeof 123 'number'
typeof null 'object'
typeof [1,2,3] 'object'
typeof {uname: '小妲己'} 'object'
typeof function() {} 'function'

# constructor构造器
// 原理:实例对象本身是没有constructor属性的,但是可以根据原型链关系,实例对象可以使用构造函数的原型对象上的constructor构造器
// 不能判断undefined和null

[1,2,3].construtor // Array
{}.constructor // Obejct
'小妲己'.construtor // String

# instanceof:判断是否是构造函数的实例对象

// 不能判断基本数据类型
// 数组,函数,对象都是Object的实例对象,判断时,请把对象的判断放到最后
[1,2,3] instanceof Array // true

if (arr1 instanceof Array) {
    console.log('数组');
} else if (arr1 instanceof Function) {
    console.log('函数');
} else {
    console.log('对象');
}

得到:::[1,2,3] instanceof Array ? [] : {}
 另外一种检测数据类型的方法:更加精准
//[].__proto__.constructor == Array //true
//{}.__proto__.constructor == Object //true


# Object.prototype.toString.call()
// 最完美的判断方法,可以判断所有数据类型
Object.prototype.toString.call([1,2,3]) // '[object Array]'
Object.prototype.toString.call({}) // '[object Object]'
Object.prototype.toString.call('小妲己') // '[object String]'
Object.prototype.toString.call(undefined) // '[object Undefined]'

// 函数封装
function getType(data) {
    return Object.prototype.toString.call(data)
}

02-es6的类

``: 批量创建具有相同属性和方法的实例对象

`语法`class Person {
    // constructor: 构造器函数,绑定属性
    // 静态属性
    属性 =constructor(形参) {
        this.属性 =}
	// 原型方法
	方法名() {}
	// 静态方法: 类独有的方法,不可以被实例对象使用
	static 方法名() {}
}

`调用`let p1 = new Person(实参)
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值