Javascript 基础之类型

Javascript 基础之类型

内置类型

js 中内置类型一共 7 种(包括 es6),7 种内置类型可分为两大类型:基本类型引用类型(对象Object)

1.基本类型包括:nullundefinedstringnumberbooleansymbol

重点说下数字类型number

  • js 中数字类型是浮点类型的,没有 整型。浮点类型基于 IEEE 754 标准实现,在使用中会有 bug;
  • NaN 也属于 number 类型,并且 NaN 不等于自身;

2.对象(Object)是引用类型,在使用过程中会遇到 浅拷贝深拷贝 的问题。

const x = { name: 'x'};
const y = x;
y.name = 'y';
console.log(x.name); // y

typeof 应用

1.对于基本类型,除了 null 都可以显示正确类型

typeof x;        // 'undefined'
typeof '1';      // 'string'
typeof 1;        // 'number'
typeof true;     // 'boolean'
typeof Symbol(); // 'symbol'

typeof 1 也可以写成 typeof(1),其他也是一样。

2.对于对象,除了函数都显示object

typeof [];          // 'object'
typeof {};          // 'object'
typeof console;     // 'object'
typeof console.log; // 'function'

3.说说 null,一个遗留 bug,明明是基本类型,可是就显示 object

typeof null ;   // 'object'

那为什么会出现这种情况呢?
js 最初版本中,使用的是 32 位系统,为了性能考虑使用低位存储变量的类型信息,000 开头表示对象,而 null 表示全零,所以将它错判为 object 了。虽然现在内部类型的判断代码变了,但是这个 bug 却一直流传下来。

4.正确获取变量类型可使用 Object.prototype.toString.call(xx),获得类似 [object Type] 的字符串

Object.prototype.toString.call(111)

类型转换

1.转Bollean

除了 undefinednullfalseNaN''0-0,其他都为 true,包括对象。

2.对象转基本类型

对象转基本类型时,会调用 valueOftoString 两个方法,也可以重写 Symbol.toPrimitive (优先级最高)

let p = {
  valueOf(){
    return 0;
  },
  toString(){
    return '1';
  },
  [Symbol.toPrimitive] (){
    return 2;
  }
}
console.log(1 + p);  // 3
console.log('1' + p);  // 12

3.四则运算符

  • 只有加法运算符时,一方是字符串类型,就会把另一方也转为字符串类型;
  • 其他运算只要其中一方是数字,那么另一方就转为数字;
  • 加法运算符会触发3钟类型转换:将值转换为原始值,转换为数字,转换为字符串。
console.log(1 + '1'); // 11
console.log(1 * '1'); // 1
console.log([1, 2] + [1, 2]); // '1, 21, 2'
// [1, 2].toString() => '1, 2' 
// [1, 2].toString() => '1, 2' 
// '1, 2' + '1, 2' => '1, 21, 2'

加号有个需要主要的表达式 'a' + + 'b'

console.log('a' + + 'b');   // aNaN
//  + 'b' => NaN

4.== 操作符

比较运算 x == y,其中 xy 是值,产生 truefalse

(1).Type(x)Type(y) 相同,则

  • Type(x)undefined,返回 true;
  • Type(x)null,返回 true;
  • Type(x)number,则
    • xNaN,返回 falseNaN == NaN);
    • yNaN,返回 falseNaN == NaN);
    • xy 相等数值,返回 true;
    • x+0y-0,返回 true;
    • x-0y+0,返回 true;
  • Type(x)string,则当 xy 为完全相同的字符序列(长度相等且相同字符在相同位置)时返回 true,否则 false('11' == '21')。
  • Type(x)booleanxy 同为 true 或同为 false,返回true;

(2).xnullyundefined,返回 true,互换也是;

(3).若 Type(x)numberType(y)string,返回 comparison x = toNumber(y) 的结果,互换也是;

(4).Type(x)boolean,返回 toNumber(x) = y( 5 > 3 == 1),互换也是;

(5).Type(x)stringnumber,且 Type(y)object,返回 x = toPrimitive(y) 的结果,互换也是;

toPrimitive 对象转基本类型

有个烧脑的例子:

console.log( [] == ![] ); // true
// 从右往左解析, [] => true => 取反 => false => [] = false
// 根据第(4)条,toNumber(false) => 0
// 根据第(5)条,toPrimitive([]) == 0 => [].toString() => ''
// 根据第(3)条,toNumber('') == 0 => 0 == 0

总结:对象-布尔(字符串)-数字

5.运算符

  • 如果是对象,通过 toPrimitive 转为对象;
  • 如果是字符串,通过 unicode 字符索引来比较;

下一篇: Javascript 基础之原型和原型链

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342