专栏首页Web开发之路JavaScript 数据类型

JavaScript 数据类型

数据类型

JavaScript中一共有六种语言类型

  • string
  • number
  • boolean
  • null
  • undefined
  • object

除了object其他都是基本类型,是的,null也是基本类型,但是有很多人把它当作对象类型,这其实是语言本身的一个bug。对null执行typeof null返回的结果是object。实际上,null本身就是基本类型。

1. 类型

  • 基本数据类型:number、string、boolean、undefined、null、symbol (es6)
  • 引用数据类型:Array、Object、Function

有一种常见的说法是"JavaScript中万物皆对象",这显然是错误的。

实际上,JavaScript中有寻多特殊的对象子类型,我们可以称之为复杂基本类型。

函数就是对象的一个子类型(从技术角度来说就是"可调用的对象"),JavaScript中的函数就是"一等公民",因为它们本质上和普通的对象一样(只是可以调用),所以可以像操作其他对象一样操作函数(比如当作另一个函数的参数)

内置对象

JavaScript中还有一些对象子类型,通常被称为内置对象。有些内置对象的名字和简单基础类型一样,不过实际上它们的关系更为复杂。

  • String
  • Number
  • Boolean
  • Object
  • Function
  • Array
  • Date
  • RegExp
  • Error

2. 基本包装类型

var str = "123";
console.log(typeof str); // string
console.log(Object.prototype.toString.call(str)); // [Object String]
var str = String("123");
console.log(typeof str); // string
console.log(Object.prototype.toString.call(str)); // [Object String]
var str = new String("123");
console.log(typeof str); // object
console.log(Object.prototype.toString.call(str)); // [Object String]
基本包装类型:为了便于操作基本类型值,ECMAScript 还提供了 3 种特殊的引用类型:Boolean、Numeber、String。

3. 堆和栈

  • 堆:没有结构,存放引用类型复杂数据

栈区

person1

堆内存地址

---->

object1

age

堆内存地址

---->

object2

  • 栈:有结构,存放基本数据类型变量的值以及指向堆中的数组或者对象的地址

标识符

name

张三

age

20

4. 栈的特殊性

存在栈种的数据可以共享

var a = 1;
var b = a;

编译器在处理 var a = 1 的时候,首先会在栈内存创建一个标识符为 a 的新的内存空间将值设置为 1,处理 b = a 的时候,首先在栈内存中创建一个标识符为 b 内存空间,然后将 a 的值拷贝过来。

标识符

a

1

b

1

5. 引用类型浅拷贝与深拷贝

浅拷贝

var a = [1, 2, 3];
var b = a;

1、在栈内存中创建一个新空间,标识符:a

2、在堆中创建一个对象,值为 1, 2, 3

3、将栈中标识符为 a 的值改为对象的地址

4、在栈内存中创建一个新空间,标识符:b

5、将栈内存中标识符为 b 的值赋值为 a 的值

深拷贝

var a = [1, 2, 3];
var b = Object.assign([], a);

与浅拷贝不同的是,b 会创建一个堆,然后将 a 的堆拷贝

总结

浅拷贝:拷贝栈

深拷贝:拷贝堆

6、内存空间

内存空间管理

JavaScript 执行过程中内存分配

1、为变量对象分配内存  
2、在分配的内存进行读写  
3、不再使用时将其销毁,释放内存

垃圾回收机制

JavaScript 有自动回收垃圾机制,会通过标记清除的算法识别那些变量对象不再使用,对其销毁,当然手动赋值为 null,可以告诉垃圾收集器下一次回收它。

局部环境中,函数执行完,则出栈销毁(闭包除外)

全局环境下只有页面退出才会出栈,解除变量引用

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 灵活的语言

    好处:前者函数可能被覆盖不易被察觉,后者将它们保存在一个变量里,减少被覆盖或者覆盖的风险。

    Karl Du
  • 你不知道的this(3)

    我们可以看到,我们预期这里会输出awesome,结果打印结果显示我们丢失了this的绑定,解决这个问题的办法有很多种,最常见的就是 var self = thi...

    Karl Du
  • JavaScript 运行时环境

    AJAX、DOM树、以及其他的API,都是Javascript的一部分,它们本质上就是浏览器提供的、在JS运行时环境中可调用的、拥有一些列属性和方法的对象

    Karl Du
  • Go 问答之如何理解 Go 中的接口

    如何理解 Golang 中的接口。个人认为,要理解 Go 的接口,一定先了解下鸭子模型。

    波罗学
  • Scratch案例——无人驾驶汽车

    (本文为前一篇文章《理解编程语言只需四个词-编程知识体系介绍(带python及scratch案例)》的说明案例之一)

    一石匠人
  • Java 程序员应在2019年学习的10条面向对象(OOP)设计原则

    面向对象的设计原则 是 OOP 编程的核心,但是我看到大多数 Java 程序员都在追求诸如 Singleton 模式,Decorator 模式或 Observ...

    淡定的蜗牛
  • 小程序生命周期

    小程序并不是 HTML5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件)。下面是小程序与普通 Web App 的对比。 ...

    用户2305175
  • Java 动态调试技术原理及实践

    调试是发现和减少计算机程序或电子仪器设备中程序错误的一个过程。最常用的断点调试技术会在断点位置停顿,导致应用停止响应。本文将介绍一种Java动态调试技术,希望能...

    美团技术团队
  • 类加载机制

    Java虚拟机把描述类的数据从Class文件加载到内存,并对数据进行校验、转换解析和初始化,最终形成可以被虚拟机直接使用的Java类型,这个过程被称作虚拟机的类...

    用户5475193
  • 一位10年Java工作经验的架构师聊Java和工作经验

    三哥

扫码关注云+社区

领取腾讯云代金券