美文网首页
JavaScript 基础数据类型

JavaScript 基础数据类型

作者: Baoyuan_ | 来源:发表于2019-05-14 00:13 被阅读0次

JavaScript 中的基本数据类型

静态类型语言与动态类型语言

在编程语言中有这两种情况之分,具体的含义为:

动态类型语言是一类在运行时可以改变其结构的语言:例如新的函数、对象、甚至代码可以被引进,已有的函数可以被删除或是其他结构上的变化。
--维基百科

而静态类型语言则与之相反,典型的动态类型语言有JavaScriptPHPPythonRuby 等。

基本数据类型

JavaScript中共有 5 种简单数据类型(暂不考虑 Symbol): UndefinedBooleanNullNumberString,还有一种复杂的数据类型--Object。我们先分别看一下各自的特点。

Undefined

Undefined 类型只有一个值,即特殊的 Undefined。当我们使用let声明了一个变量但是并未初始化赋值,它的值就是Undefined

let javascript; //等价于 let javascript = undefined; 但没必要这样
javascript === undefined; //true

注意请与未定义分开

let javascript;
console.log(javascript); //"undefined"
console.log(java); //java is not define;
Null

同样的,Null也是只有一个值的数据类型:null。它表示一个空的对象指针,如果我们定义了一个变量准备将来存放对象,我们就可以将它初始化为null

Boolean

这种类型在大多数编程语言中都很常见,该类型有两个值:truefalse。请注意不要把它与数字01产生联系。还要注意的是他是区分大小写的,True并不是布尔值,只是标识符。虽然字面值只有两个,但ECMAScript中所有类型中都有与之相对应的值,如果要将一个其他值转换为布尔值,可以使用Boolean函数来转型。

let item = "javascript";
let booleanitem = Boolean(item); //true
Number

JavaScript中使用 IEEE754格式来表示整数和浮点数值。基本数字字面量有十进制整数八进制整数十六进制整数。在算数运算时所有八进制和十六进制都将转换为十进制数值。

  • 浮点数值

数值中必须包含一个小数点,并且小数点后必须有一个数字。

浮点数值的最高精度是17位小数,但是在算数运算中精度远远不如整数:

0.1 + 0.2 === 0.3; //false,舍入误差;
console.log(0.1 + 0.2); //0.30000000000000004
  • 数值范围

ECMAScript 能保存的最小数值保存在Number.MIN_VALUE中,在大多数浏览器中为5e-324;能保存的最大值保存在Number.MAX_VALUE中,在大多数浏览器中为1.7976931348623157e+308

如果在某次计算中超出了这一值,那么会被转化成Infinity(正无穷)或者-Infinity(负无穷),并且无法参与下一次的计算。

  • NaN

NaN 即 Not a Number。这个数值用来表示一个本来要返回数值的操作数未返回数值的情况。

它有两个显著的特点。
任何涉及 NaN 的操作都会返回 NaN。

console.log(NaN/100); //NaN

NaN 与任何值都不相等,包括它本身。

console.log(NaN === NaN); //false

针对这两个特点,在ECMAScript 中定义了isNaN()用来判断是否为NaN类型。

String

用于表示由 0 或多个 16 位 Unicode 字符组成的字符序列,也就是字符串。
其中有一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,表示换行(\n)、制表(\t)、
空格(\b)、回车(\r)等用途。
任何字符串的长度都可以通过访问其length属性获得:

let str = 'javascript';
console.log(str.lenth); //10

不过需要注意的是如果字符串中包含双字节字符,返回的长度可能就不精确了:

let str = '\uD83D\uDCA9';
console.log(str.length); //2

字符串一旦被创建则值不可变,除非销毁原来的字符串再用新的值填充该变量。

Object

对象是一组数据和功能的集合。在ECMAScriptObject类型是所有它的实例的基础。该类型所具有的任何属性和方法存在于更具体的对象中。

类型检测

由于ECMAScript松散的数据类型,我们需要一种手段来随时检查某个变量的数据类型。typeof操作符主要就负责这个功能:

let data1;
console.log(typeof(data1)); //'undefined'
let data2 = 'hello';
console.log(typeof(data2)); //'string'
let data3 = true;
console.log(typeof(data3)); //'boolean'
let data4 = 12;
console.log(typeof(data4)); //'number'
let data5 = function hello () {return 'world'};
console.log(data5); //'function'
let data6 = {name: 'Baoyuan'};
console.log(typeof(data6)); //'object'
let data7 = null;
console.log(typeof(data7)); //'object' 

需要注意的是在Objectnull类型上使用的话都返回了'object',这是因为特殊值null被认为是空的对象引用。typeof是一个操作符而不是函数,所以括号并不是必须的。它的操作数可以是变量也可以是数值字面量。

引用类型

除了基本数据类型外在ECMAScript中存在引用类型,包括ObjectArrayDateFunction等,下一篇详细说明。
如有错误欢迎联系指出。

相关文章

  • 5-javascript基础

    javascript基础 javascript基础类型 基本数据类型:String,boolean,Number,...

  • JS基础

    JavaScript概述 、 JavaScript基础语法 、 变量和常量 、 数据类型 数据类型转换 、 运算符...

  • JS t18

    JavaScript——数据类型 JavaScript共有6种数据类型,其中有5种基础数据类型。 数值型(Numb...

  • Javascript 数据类型检测及原理

    前言 数据类型检测是 JavaScript 中既基础又考验原理的知识,如果你对 JavaScript 数据类型检测...

  • 前端基础搬运工-JavaScript基础模块

    二、JavaScript基础模块 基础部分 1. JS中有哪些数据类型? - [ ] 简单数据类型:Undefi...

  • javascript 之《内存空间》

    一,javascript数据类型分为: 1,基础数据类型: undefined,null,string,bool...

  • 1-js对象/数组的深拷贝和浅拷贝

    JavaScript有两种数据类型 基础数据类型(Undefined、Null、Boolean、Number 和 ...

  • Flutter之基本语法一

    一. 基础数据类型 Symbol基础数据类型Symbol 在JavaScript中是将基本数据类型转换为唯一标识符...

  • 2017-07-03

    0、基础语法 Javascript基础语法包括:变量定义、数据类型、循环、选择、内置对象等。 数据类型有strin...

  • JavaScript深拷贝 浅拷贝

    JavaScript深拷贝 浅拷贝 JavaScript 数据类型分为两种: 基础类型:像Number、Strin...

网友评论

      本文标题:JavaScript 基础数据类型

      本文链接:https://www.haomeiwen.com/subject/wwadaqtx.html