NO.4 JavaScript中的数据类型

介绍

JavaScript 中有七种基本的类型。

  • number 用于任何类型的数字:整数或者浮点数。
  • string 用于字符串。一个字符串可以包含一个或多个字符,所以没有单独的单字符类型。
  • boolean 用于 truefalse
  • null 用于未知的值 —— 只有一个 null 值的独立类型。
  • undefined 用于未定义的值 —— 只有一个 undefined 值的独立类型。
  • object 用于更复杂的数据结构。
  • symbol 用于唯一的标识符。

typeof 运算符可以查看变量的类型。

  • 两种形式:typeof x 或者 typeof(x)
  • 返回的类型的字符串,比如 "string"
  • null 返回 "object" —— 这是语言中的一个错误,实际上它并不是一个对象。

实验

我们可以按F12打开我们的调试窗口将代码敲上去进行调试

1.number

number 类型用于整数和浮点数。

var a = 123;
alert(typeof a);
1
2

2.string

JavaScript 中的字符串必须被包含在引号里面。

var b = '123';
var b1 = "123";
var b2 = `123`;//反引号是功能扩展的引用
alert(typeof b);
1
2
3
4

3.boolean

boolean 类型仅包含两个值:truefalse

var c = 1>3;
alert(typeof c);
1
2

4.null

特殊的 null 值不属于上述任何一种类型。它构成一个独立的类型,只包含 null

var d = null;
alert(typeof d)
1
2

5.undefined

特殊值和 null 一样,自成类型。undefined 的含义是 未被赋值

var e ;
alert(typeof e);
1
2

6.object

对象可以通过花括号 {…} 和其中包含一些可选的属性来创建。属性是一个键值对,键是一个字符串(也叫做属性名),值可以是任何类型。

我们可以把对象想象成存放文件的橱柜。文件按照他们的名字来排列。这样根据文件名我们就很容易找到、添加或删除一个文件了。

var content = {
  name:'Ragnar',
  age:123,
  like:true
}

content.name//Ragnar
content.age//123
1
2
3
4
5
6
7
8

任务

下面的脚本会输出些什么呢?

let content = 'hello';
alert(`this is ${content}`);
alert(`this is ${'content'}`);
alert(`this is ${2+3}`);
1
2
3
4