ES6入门(三):数据类型

总结ECMAScript中数据类型:

ECMAScript中,常用的数据类型有5+1种;即5种基本的数据类型(String、undefined、null、boolean、number),1种复杂的数据类型(object);

基本的数据类型是不可以改变的,只有对象可以改变。

基本数据类型的检测用typeof 操作符,所有的返回值都是字符串;可能有以下几种:'undefined'、'boolean'、'string'、'number'、'object'、'function'

typeof(null)//==》'object'  这个是js中的一个bug,在进行二进制转换过程中,如果前三位都是0,使用typeof时就返回object,而null转换为二进制时所用的位都是0;

总结5种基本的数据类型:

1、一个值数据类型:null 、undefined

自定义个变量没有必要显示的定义为undefined,但是对于null而言就是不行的,也就是说:只要意在保存对象但是还没有真正的保存对象,就应该明确的让变量保存null值。

主要总结二者的异同点:

相同点:都是一个值的数据类型;二者参与判断时都返回false;二者都没有方法

不同点:(a)、null 是一个对象,而undefined 不是以个对象;(b)、null 是一个关键字,undefined不是关键字;(c)、null转换为数字时为0,而undefined转换为数字时是NaN;(d)、typeof null返回’object‘,typeof undefined 返回’undefined‘;

alert(null == undefined) ;//true


2、两个值的数据类型:boolean 即true 和false

主要用途是用于判断;

正常情况下,只有这六种情况下会转为false:空字符串、null、undefined、0、-0、NaN

把一个数组如何转换为boolean值可以用两中方法:Boolean()、 !!()

3、三个值的数据类型:number  即整数、浮点数、NaN(个人分类,不重要)。

使用number时建议:尽量使用十进制,少用十六进制,不用八进制。

在使用浮点数时不要进行数据的比较。0.1+0.2不要与0.3进行比较。原因就是计算机采用二进制表示数据,0.1的二进制表示数加上0.2的二进制表示数不等于0.3的二进制表示数。

在number中有一个奇葩,自身都不相等。即alert(NaN == NaN) // false;

但是NaN 是数据类型,也就是说 typeof NaN 的返回值是’number‘;

针对上面两个特性,ECMAScript提供了一个函数isNaN(); 用途是判断传入的值能否转换为数字,返回值是boolean值。

空字符串转换为数字是0;

将一个值转换为数字类型可以使用Number();

4、String  字符串

字符串一般用双引号或者单引号表示,推荐是使用单引号进行字符串的表示。

字符串的特点:在ECMAScript中的字符串是不可变的,也就是说,字符串一旦创建,它的值就不被改变,要是改变字符串的值,就先销毁原来字符串,然后在用一个包含新值字符串填充该变量。

将一个值转化为字符串类型,有两个方式,一是调用toString()方法;另一个就是String();

注意:null、undefined没有toString()方法。


==========================================无敌分割线==================================================

上面是es5中常用的数据类型,面的JavaScript的数据类型是动态性,就没有必要引出其他的数据类型,但是在es5中对象的名称都是字符串,容易造成名称冲突。面对这样的情形,es6引出了Symbol类型的数据,其表示独一无二的值。也就是说在es6中大致可以认为有7中数据类型:null 、undefined、string、number、boolean、Symbol、object这7种数据类型。

Symbol的值有两种。一种是原来的属性名。一种是有Symbol()生成的属性名,由于其表示独一无二,所以该属性名不会冲突。

使用Symbol时注意:Symbol函数前不能用new操作符(Symbol是一个原始数据类型,不是对象);不能为Symbol添加方法;symbol是类字符串形式的基本数据类型;symbol可以转化为字符串(两种方式,前面已经介绍了。),可以转换为boolean,但是不能转化为Number。

使用Symbol()时最好为其传入参数,不传入参数时,使用typeof 时都是返回'symbol',加入参数时就会返回'symbol(参数)',容易区分;由于symbol的值是独一无二的,即使是传入相同的参数,二者的值也是不等的。


由于Symbol的值是独一无二的,所以可以作为属性名存在,但是作为属性名是,不能进行点(.)操作,所有的Symbol值都放在方括号([])中。


前面介绍Symbol 的值是独一无二的,即使是传入相同的参数,二者的值也是不同的,如果想让两者相等,可以使用Symbol.for();

let s1 = Symbol.for('abc');
let s2 = Symbol.for('abc');
alert(s1 === s2) //true

对属性进行遍历是要注意:

Symbol 作为属性名,该属性不会出现在for...in、for...of循环中,也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回。
但是,它也不是私有属性,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所有 Symbol 属性名。

Object.getOwnPropertySymbols方法返回一个数组,成员是当前对象的所有用作属性名的 Symbol 值。

const obj = {};
let a = Symbol('a');
let b = Symbol('b');

obj[a] = 'Hello';
obj[b] = 'ES6';

const objectSymbols = Object.getOwnPropertySymbols(obj);

objectSymbols
// [Symbol(a), Symbol(b)]


  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值