微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

在JavaScript中一切都是对象吗?

2015-01-30 20:05 前端大全
点击上方蓝字↑↑↑,轻松关注哦~

“在JavaScript中的一切都是对象”这个说法一直让我困惑。他们指的是什么?一个函数或者数组,它们怎么同时也是一个对象?在我们解答这个问题前,我们需要知道JavaScript是如何对不同数据类型归类的。


在JavaScript中,有两个数据类型:基本类型和对象类型(对象类型有时候也被称为引用类型)



根据这个分类,这个问题的简单答案是:JavaScript中,并非一切值都是对象。是只有属于对象类型的值才是对象。也可以认为,任何非基本类型的都是对象类型。但是基本类型和对象类型有什么区别呢?更重要的是,人们所说的“所有”或“几乎所有”的JavaScript类似都是对象的真正含义是什么?这里说说主要的两个区别:可变性和比较。


Mutability可变性


根据我的经验,人们说的值是“类似对象”的真实含义是因为他们的可变性,更具体的说,是支持添加和删除属性。例如,因为函数和数组属于对象类型,你可以像对象一样给它们添加属性。


var func = function() {};

func.firstName = "Andrew";

func.firstName; // "Andrew"

var arry = [];

arry.age = 26;

arry.age; // 26


可变性开启了各种精彩的使用方式,也是理解原型和构造函数是如何工作的关键。


但是基本类型是不可变的,我们无法给它们添加属性。如下面代码所示,即使我们给基本类型添加了属性,解析器会无法在下一步读取它们的值。


var me = "Andrew";

me.lastname = "Robbins";

me.lastname; // undefined

var num = 10;

num.prop = 11;

num.prop; // undefined


在这一点上,基本类型的值无法改变的真正含义,需要在更基本的层面检查问题,如下代码所示:


1 = 2; // ReferenceError


这似乎是一个愚蠢的例子,但是我认为能反映出我们现在讨论的可变性,当你在JavaScript控制器中输入数字 1,编译器会给其分配基本类型,所以当你尝试将数字1改变成数字2会失败。


比较和传递


除了可变性,另外一个基本类型和对象类型重要的区别是他们在程序中比较和传递的方式。基本类型通过值来比较,而对象类型通过引用来比较,这是什么意思呢?我们先看看基本类型,如下代码所示:


"a" === "a"; // true


因为值“a”等于“a”所以为true,当我们在图中引入变量会发生什么呢?除了将一个基本类型储存在变量中什么也没发生。


var a = "a",

b = "a";

a === b; // true


当基本类型通过值来比较,结果为true,变量a的值正好等于变量b的值,换句话说,”a”等于”a”。但是看看下面这个例子,如果我们在对象类型中应用相同的例子,我们会得到相反的结果。


var a = {name: "andrew"},

b = {name: "andrew"};

a === b; // false


为什么会这样呢?如果想要两者比较为真需要对象类型要引用同样的类型。通过以上的例子,我们给变量b创建一个新的对象。就像David Flanagan说过:


我们说的通过引用进行对象比较是:两个对象的值是否相同取决于它们是否指向相同的底层对象。


那我们这样传值会发生什么?


var a = {name: "andrew"},

b = a;

b.name = "robbins";

a === b; // true


这个可能开始看上去很奇怪,但是仔细看看发生了什么,因为对象是对象类型的一部分,它比较的值是按引用进行传递。引用的是相同的底层对象。在以上的例子中,我们设置b等于a。并没有创建新对象,我们只是简单地创建了一个对其他对象的引用。从另一个方面来看我们是将变量b指向a,所以当我们改变b的name属性,我们同样改变了a的name属性。


如果将相同的例子应用在基本类型上呢?


var a = "Andrew",

b = a;

b = "Robbins";

a === b; // false


当我们设置b等于a,请记住基本类型通过值来传递和比较,我们实际上另外创建了一个a的拷贝,所以我们改变b的值再跟a比较,两个值是不一样的。


Wrapper Objects包装对象


有些人会说:“好,如果基本类型不是对象,为什么我们可以调用他们的方法呢” 回答是包装对象。


当你尝试调用基本类型的方法,JavaScript在幕后做了一个巧妙的处理,将你的基本类型的值转换成临时对象用于构造函数,决定使用哪个构造函数取决于你尝试改变的基本类型的值,在String中调用.length会使用string()构造函数临时将基本类型转变成对象—允许你使用length方法而改变它,这个临时对象被称为包装对象。


有趣的是,null和undefined这两个基本类型不能调用这样的方法,否则会提示类型错误。


我们可以使用typeof来区分:


typeof "s"; // "string"

typeof new String(s); // "object"


备注:在执行typeof null 时js编译器会返回object,是显而易见的bug。


typeof null // "object"


当然,考虑到JavaScript是用10天写出来(http://www.quora.com/In-which-10-days-of-May-did-Brendan-Eich-write-JavaScript-Mocha-in-1995),就不过多去担忧了 :) 。


此外,我们也需要了解基本类型的属性是只读和临时的。


var hello = "hello";

hello.slice(1); // "ello" (Here we're actually calling slice not on hello, but of a copy of hello)

hello; // "hello"


Summary总结


JavaScript的值可以分为两种类型:基本类型和对象类型,基本类型有:String, Number, Boolean, Symbol, undefined 和 null.,对象类型有Function, Object 和 Array.


基本类型和对象类型的区别在于可变性和比较的方式以及程序中传值。


基本类型是不可变的,换种说法就是它们的值不能改变。对比而言,对象类型是可变的,它们的值可以更新和改变。


基本类型可以按值比较,当我们把一个基本类型赋值给另外一个基本类型,是复制了一个值。而对象这是通过引用进行比较,引用的是什么呢?引用的是底层对象。当我们赋值一个对象给另一个对象时。引用指针就创建了。在这个情况下,改变一个对象的值将更新另外一个对象的值。


当我们尝试在基本类型的值中调用方法时,JavaScript使用包装对象来临时控制基本类型,导致对象变为只读的并在垃圾回收后执行。



原文出处:blog.simpleblend.net

译文出处:伯乐在线 - kinolee


/////////////////


1. 『前端大全』分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯,欢迎关注。微信号:FrontDev

2. 点击“阅读原文”,查看更多前端文章。


 
前端大全 更多文章 5个典型的JavaScript面试题(上) Limu:JavaScript的那些书 Web开发:我希望得到的编程学习路线图 JavaScript基础工具清单 常用排序算法之JavaScript实现
猜您喜欢 Q新闻丨微软将Linux带至桌面操作系统;VS Code提升JavaScript编辑能力…… 后台即服务演进史 解读CIO职业发展的十个途径 Android滑动导航菜单的快速构建 月薪3万的程序员都避开了哪些坑