javascript引用类型数据使用代码实例

快乐打工仔 分类:实例代码

对于引用类型的理解可能是初学者的一个难题,在本站已经不少关于引用引用类型的介绍的文章。

这里就不多介绍理论,下面来分析一个比较典型的代码实例:

function setName(obj) {
  obj.webName = "前端教程网";
  obj = new Object();
  obj.webName = "antzone"
}
var web = new Object();
setName(web)
console.log(web.webName )

上面的代码,可能很多人认为输出值是"antzone",然而事实却并非如此。

首先var web = new Object()创建的是一个对象,变量web中存储的是对象的指针(也就是对象的在堆中的地址)。

所以调用setName(web)方法的时候,传递的对对象的一个地址。

obj.webName = "前端教程网",将对象的webName属性值设置为"前端教程网"。

obj = new Object(),这个理解是关键,它的作用是将新创建对象的引用地址赋值给变量obj,也就是说obj已经不再引用原来的对象了,而是引用现在新创建的对象。所以obj.webName = "antzone"改变的是新对象,原来的对象并没有被改变。

相关阅读:

(1).引用类型和值类型可以参阅javascript引用类型和基本类型详解一章节。

javascript引用类型数据使用代码实例,这样的场景在实际项目中还是用的比较多的,关于javascript引用类型数据使用代码实例就介绍到这了。

javascript引用类型数据使用代码实例属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容