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,可以告诉垃圾收集器下一次回收它。
局部环境中,函数执行完,则出栈销毁(闭包除外)
全局环境下只有页面退出才会出栈,解除变量引用
- 将Spring Boot应用程序部署到Bluemix
- Opencv学习(一)——安装配置遇到的问题
- The .NET of Tomorrow
- 国内自动驾驶企业在美国首秀其最新L4级自动驾驶货运卡车
- Nginx源码安装及调优配置
- Greenplum 简单性能测试与分析
- CentOS6 安装couchdb2 集群
- 如何遍历维数和各维上限未定的多维数组
- 求长度的另一种方法(""+obj).Length
- ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现
- GreenPlum 简单性能测试与分析(续)
- 最终版 Reflector v1.0 (+简单的反流程混淆)
- 性能&分布式&NewLife.XCode对无限数据的支持
- ASP.NET MVC下的异步Action的定义和执行原理
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Unix/Linux系统下的nobody用户与nologin详细介绍
- 详解flutter engine 那些没被释放的东西
- Centos7安装PHP及Nginx的教程详解
- Flutter Image实现图片加载
- Centos7系统下搭建.NET Core2.0+Nginx+Supervisor环境
- CentOS7 LNMP+phpmyadmin环境搭建 第二篇LNMP环境搭建教程
- 详解Linux 下开发微信小程序安装开发工具
- Linux一个增强的截图及分享工具:ScreenCloud
- linux 命名管道实例详解
- 11个JavaScript代码重构最佳实践
- Linux中在不破坏磁盘的情况下使用dd命令
- Jexus开机自动启动配置方法
- 在 CentOS 7 中安装 MySQL 8 的教程详解
- Centos7.2 编译安装PHP7.0.2的步骤
- Linux系统下为Nginx安装多版本PHP