200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > JavaScript的基本数据类型和引用数据类型

JavaScript的基本数据类型和引用数据类型

时间:2019-03-15 01:57:35

相关推荐

JavaScript的基本数据类型和引用数据类型

一个变量可以存放两种类型的值,基本类型的值(primitive values)和引用类型的值(reference values)。

ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。

基本类型

JavaScript 中共有 6 种基本数据类型:UndefinedNullBooleanNumberStringSymbol (new in ES 6)

约定:基本数据类型原始数据类型等意。

基本数据类型的值是按值访问的。

基本类型的值是不可变的

var str = "123hello321";str.toUpperCase();// 123HELLO321console.log(str);// 123hello321

基本类型的比较是它们的值的比较

var a = 1;var b = true;console.log(a == b); // trueconsole.log(a === b); // false

上面 a 和 b 的数据类型不同,但是也可以进行值的比较,这是因为在比较之前,自动进行了数据类型的隐式转换

==: 只进行值的比较

===: 不仅进行值得比较,还要进行数据类型的比较

基本类型的变量是存放在栈内存(Stack)里的

var a,b;a = "zyj";b = a;console.log(a); // zyjconsole.log(b); // zyja = "呵呵"; // 改变 a 的值,并不影响 b 的值console.log(a); // 呵呵console.log(b); // zyj

图解如下:栈内存中包括了变量的标识符和变量的值

引用类型

除过上面的 6 种基本数据类型外,剩下的就是引用类型了,统称为Object 类型。细分的话,有:Object 类型Array 类型Date 类型RegExp 类型Function 类型等。

引用类型的值是按引用访问的。

引用类型的值是可变的

var obj = {name:"zyj"}; // 创建一个对象obj.name = "percy"; // 改变 name 属性的值obj.age = 21; // 添加 age 属性obj.giveMeAll = function(){return this.name + " : " + this.age;}; // 添加 giveMeAll 方法obj.giveMeAll();

引用类型的比较是引用的比较

var obj1 = {}; // 新建一个空对象 obj1var obj2 = {}; // 新建一个空对象 obj2console.log(obj1 == obj2); // falseconsole.log(obj1 === obj2); // false

因为 obj1 和 obj2 分别引用的是存放在堆内存中的2个不同的对象,故变量 obj1 和 obj2 的值(引用地址)也是不一样的!

引用类型的值是保存在堆内存(Heap)中的对象(Object)

与其他编程语言不同,JavaScript 不能直接操作对象的内存空间(堆内存)。

var a = {name:"percy"};var b;b = a;a.name = "zyj";console.log(b.name); // zyjb.age = 22;console.log(a.age);// 22var c = {name: "zyj",age: 22};

图解如下:

栈内存中保存了变量标识符和指向堆内存中该对象的指针

堆内存中保存了对象的内容

检测类型

typeof:经常用来检测一个变量是不是最基本的数据类型

var a;typeof a; // undefineda = null;typeof a; // objecta = true;typeof a; // booleana = 666;typeof a; // number a = "hello";typeof a; // stringa = Symbol();typeof a; // symbola = function(){}typeof a; // functiona = [];typeof a; // objecta = {};typeof a; // objecta = /aaa/g;typeof a; // object

instanceof:用来判断某个构造函数的 prototype 属性所指向的对象是否存在于另外一个要检测对象的原型链上

简单说就是判断一个引用类型的变量具体是不是某种类型的对象

({}) instanceof Object // true([]) instanceof Array// true(/aa/g) instanceof RegExp // true(function(){}) instanceof Function // true

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。