深入了解JavaScript对象(1)

时间:2022-06-21 17:35:49

原始类型和引用类型

1.原始类型存储简单数据值,引用类型存储对象,其本质是指向内存位置的应用。

注:其他编程语言用栈存储原始类型,用堆存储引用类型。JavaScript原始值被保存在变量对象内,而引用值则作为一个指针保存在变量对象内,该指针指向实际对象在内存中的存储位置。

2.原始类型:boolean,number,string,null,undefined。原始类型的变量直接保存原始值(而不是一个指向对象的指针),也就是说,当你将原始值赋值给一个变量时,该值被复制到变量中,每一个变量都有它自己的一份数据拷贝。

var name = '张三';
var age = 18;
var show = true;
var object = null;
var flag = undefined;

// 一个变量的改变并不会影响到其他变量
var color1 = 'red';
var color2 = color1;
console.log(color1); // red
console.log(color2); // red
color2 = 'blue';
console.log(color1); // red
console.log(color2); // blue

3.引用类型:引用类型不在变量中保存对象,所以例子中的object变量实际上并不包含对象的实例,而是一个指向内存中实际对象所在位置的指针(或者说是引用)。这就意味着,当你将一个对象赋值给变量时,实际上赋值给这个变量的是一个指针。也就是说,这两个变量指向内存中的同一个对象。

var object = new Object(); //保存指向内存中实际对象所在位置的指针

4.鉴别引用类型

instanceof操作符以一个对象和一个构造函数为参数。如果对象是构造函数所指定的类型的一个实例,instanceof返回true;否则返回false。intanceof操作符可鉴别继承类型,意味着所有的引用类型都继承Object。

var items = [];
var object = {};
function reflect(value){
return value;
}
console.log(items instanceof Array); // true
console.log(object instanceof Object); // true
console.log(reflect instanceof Function); // true

5.鉴别数组
当JavaScript的值在同一个页面不同框架之间传来传去,再用instanceof来鉴别引用类型的时候,就可能出现问题,因为每一个框架都有它自己的全局上下文--Object、Array以及其他内建类型的版本。所以,当你把数组从一个框架传到另一个框架时,instanceof就无法识别,因为该数组是来自不同框架的Array的实例。所以这个时候,得用Array.isArray()方法来鉴别数组,该方法只兼容IE9及以上。

6.原始封装类型
原始封装类型共有3种,(String,Number和Boolean)。这些特殊引用类型的存在使得原始引用类型用起来和对象一样方便。例如:

var name = '张三';
var firstChar = name.charAt(0);
console.log(firstChar); // 张

// 背后发生的事情
var name = '张三';
var temp = new String(name);
var firstChar = temp.charAt(0);
temp = null;
console.log(firstChar); // 张

var name = '张三';
name.last = '王五';
console.log(name.last); // undefined

// 背后发生的事情
var name = '张三';
var temp = new String(name);
temp.last = '王五';
temp = null;

var temp = new String(name);
console.log(temp.last); // undefined
temp = null;