javascript的变量类型(图)

javascript的变量范例真的很要人纠结，纵然你是很有履历的js工程师，你也很难说清晰js的范例和分类。

最近在讲javascript入门指南的时辰，有人提出数组为什么不是根基范例，我通过演示typeof []的功效来声名，数组是工具范例派生出来的，而不是六种根基范例。

着实要领略javascript的变量范例很简朴，就是我们要找到一个分另外尺度。

在许多书中都提到了javascript的变量范例，每本书都有差异的分别尺度，假如凭证typeof和instanceof的返回值来区分，可以把javascript的变量范例分为两套范例体系：根基范例和工具范例衍生出来的工具范例体系。
根基范例包罗：undefined，number，boolean，string，object，function，他们之前通过typeof的返回值来区分。
第二套工具范例体系是由第一套体系衍天生长而来的，譬喻前面提到的Array，尚有Null，Number，Boolean等等，工具范例可以通过instanceof来判定。
那么工具范例中的Number和根基范例中的number又是什么相关呢？他们又是什么区别呢？
谜底就是，他们是映射相关，即下例：

var a = new Number(123);
console.log(a.valueOf()===123);//true
var b = new String(123);
console.log(b.valueOf()===123);//false
console.log(b.valueOf()==='123');//true

obj.valueOf()返回的是该工具的原始值。

这里再谈谈值范例和引用范例的题目，在javascript中：undefined、string、number和boolean是“值范例”，而object与function是“引用范例”。全部引用范例都可以看着Object()的子类，以是恣意函数也是Object()的子类。
怎么领略值范例和引用范例呢？？看下面的例子:

值范例示例

	var a = 123;
	var b = a;
	a = 1;
	console.log(b);//123

引用范例示例

	var c = [1,2,3];
	var d = c;
	d[0] = 4;
	console.log(c);//[4,2,3]

值范例和引用范例表明

望见上面的示例，有些人也许就晕了，许多人一不警惕就改变了引用范例的值，而本身还不清晰措施呈现了什么题目！
当值范例a赋值给b时，这时辰会在内存中给b分派空间，以是a和b是完全独立的两个变量。
而c和d之间，通过赋值，发生了引用相关，两者之间都指向了统一个数组，以是修改个中一个值会改变对方的值。
在现实开拓中必然要记着这点，不要乱赋值，不然会犯上面的错误。譬喻下例，可以先把行使的site赋值出来，这样变量e是一个值范例，不会发生引用题目。

var c = {site:'js8.in'};
var d = c;
var e = d.site;
d.site = 'weibo.com';
console.log(e);//js8.in

ECMAScript中函数的参数是按值转达的，当参数为引用范例值时便按引用转达是一种错误可能不全面的说法。

对付参数为根基范例值的环境，很轻易领略。但对付引用范例值的参数，却很轻易让人误解为是按引用转达的。如下面的例子：

function fn(arg){
	arg.site = 'js8.in';
	arg = new Object();
	arg.site = 'weibo.com';
}
var obj = new Object();
fn(obj);
console.log(obj.site)//js8.in
console.log(window.arg);//undefined

示例中，假如arguments是凭证引用范例转达的，那么obj.site应该为weibo.com，可是功效却是js8.in。

究竟是这样的：当参数为引用范例值时简直是按引用转达的。
至于的你后头举的例子也是一个引用转达的，obj把引用传给arg，arg引用的内存空间和obj的同等，以是配置site为js8.in的时辰，obj能接管到。后头你new了一个新的Object，相等于开了一个新的内存空间，然后arg引向了那块新内存，可是obj引用的内存照旧原本那块，所往后头site赋值了，obj不改变。这个跟C/C++的指针有点像。至于window.arg为undefined,是由于js的浸染域是词法浸染域，function外的虽然引用不了function内的，与值转达可能引用转达木有相关啊(来自周某欣)。

最其后一张周爱民大神的javascript范例相关图：

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!