从一个例子说起:

var m ={a:’a’, b:’b’};

var n=m;

n.c=’c’;

那么在这个时候 , m.c 也会变成 ’c’!

这个问题在我最开始学习 JS 语言时个人一直处于概念迷惑不清的状态

其实道理很简单,就像两个人共同拥有一片花园。

如果其中一个人把一种新品种的花引进了花园。

那么另外一个人就可以对别人说:我的花园有了这种新花。

或则 如果其中一个人把花园里的某个品种的花全部撤出了花园。

那么另外一个人就只能承认他的花园没有那种花。

这个比喻虽然非常不全面甚至很业余。却至少说明了一个问题。两个不同的引用是可以全等的,是互相影响的。他们指向一个地址。

但是如果

var m ={a:’a’, b:’b’};

var n=m;

var n ={a:’a’, b:’b’};

n.c=’c’;

情况就完全变了,相当与其中一个人宣布不要了那个花园,已经不控制花园了,他选择了别的花园,或则是菜地等等其他 .. 。 n.c=’c’; 就相当于他搬了一盆花到了新花园里。及时和另一个人的花园样子一模一样,但是也不影响另外那个人的花园。

现有脚本如下:

var r=document.getElementById("t");

r.onclick=function(){

alert(r)

}

r=null;

直到刚刚我还对于以上代码心存疙瘩,心里想: t 都已经是 null 了;那么它的属性还有什么意思(应该也成 null了)。当点击时又怎么会执行函数?!

其实在以上代码里, document.getElementById("t") 就是那个比很多人共同拥有的花园,确切地说,应该是具体的页面上某个 ID 等于 ”t” 的元素。( DIV.. 或 INPUT 等等)。

r 就是花园的拥有人之一,某天,它在花园里放了一盆新花,(让 ID 等于 ”t” 的元素多了一个属性 onclik ,作用是在点击的时候会执行函数 … ),接着他又放弃了这座花园。他什么都不拥有。如果 代码是 “ r=10 ” , 那么他就变身成了一个数字。

但是那个花园还在。他加进去的花还在,当人么进来观赏时,还可以看到那朵后来加进去的话(人们点击页面上某个 ID 等于 ”t” 的元素时,函数会执行)。

http://caii.iteye.com/blog/372784

JavaScript 引用【转】的更多相关文章

  1. JavaScript引用是如何工作的

    原文链接:https://www.sitepoint.com/how-javascript-references-work/ 摘要:JavaScript中没有指针,并且JavaScript中的引用与我 ...

  2. JavaScript引用方法说明

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 我所犯的JavaScript引用错误

    近期在w3cschool学习JavaScript和php--学完后,开始帮一哥们友情写网站.但是在使用ajax和Jquery的时候发现,我自己写的脚本不能运行.捣鼓了半天,没有发现任何语句错误.调试器 ...

  4. The Cost of JavaScript --------引用

    tl;dr: 想要保持页面的快速运行,你需要仅加载当前页面所需的 JavaScript 代码.优先考虑用户所需,之后运用代码分离懒加载其他内容. Is it happening - 在这个时期,你可以 ...

  5. JavaScript 引用数据类型

    目录 1. 问题描述 2. 原因分析 3. React 中的引用数据类型 4. 业务场景 5. 参考资料 1. 问题描述 今天在写一个代码题时候, 有一个BUG 导致自己停滞好久, 该BUG 可以描述 ...

  6. 前端优化分析 之 javascript引用位置优化

    在很多优化法则中都提到,尽量将javascript放到页面底部,这是为什么呢 我通过firebug进行了下简单的分析 看下图  本页面首尾都存在javascript代码 我们分析得出 1.整个页面文档 ...

  7. javascript引用"bug"带来的"继承"

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  8. JavaScript 引用错误

    在学习vue时 出现无法实现效果原始设置 <script src="js/lib/vue2.min.js"/><script src="js/lib/v ...

  9. javascript引用奇趣

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

随机推荐

  1. Math.max得到数组中最大值

    Math.max(param1,param2) 因为参数不支持数组. 所以可以根据apply的特点来解决, var max = Math.max.apply(null,array),这样就可以轻易的得 ...

  2. 【BZOJ1217】[HNOI2003]消防局的设立 树形DP

    [BZOJ1217][HNOI2003]消防局的设立 Description 2020年,人类在火星上建立了一个庞大的基地群,总共有n个基地.起初为了节约材料,人类只修建了n-1条道路来连接这些基地, ...

  3. android RelativeLayout属性和布局实例

    // 相对于给定ID控件 android:layout_above 将该控件的底部置于给定ID的控件之上; android:layout_below 将该控件的底部置于给定ID的控件之下; andro ...

  4. sevlet实现反盗链

    有时候为了网站的版权和安全问题,我们需要为我们的网站应用设置防盗链,这样可以保证我们网站的一些资源的安全性.防盗链的主要是通过获取http的请求头referer的信息来和我们的网站地址做对比,如果相同 ...

  5. PHP_OS常量使用方法

    通过PHP_OS来获得当前运行的操作系统,如果直接使用将无法获取值,但有一些默认的值,使用方法如下: switch(PHP_OS) {        case 'FreeBSD':           ...

  6. lua相关库安装常见问题

    一.先安装lua brew install lua 我本机的安装路径为:/usr/local/Cellar/lua/5.3.4_2 二.安装luarocks 下载luarocks的安装包: http: ...

  7. PostgreSQL学习手册-模式Schema(转)

    原文:http://www.cnblogs.com/stephen-liu74/archive/2012/04/25/2291526.html 一个数据库包含一个或多个命名的模式,模式又包含表.模式还 ...

  8. Pycharm配置同步服务器

    一.使用场景 我们一般需要将代码放到服务器上运行,但如果等我们将项目全部开发好之后再上传到服务器,而且每次在开发阶段需要经过多次修改,每修改一次,都手动上传一次,这样就太麻烦了,有没有一种方法可以达到 ...

  9. 出现 Request Entity Too Large问题的解决方法

    根据经验判断应该是上传文件大小被限制了,检查了应用配置是10M,把它设置成100M,重启服务也不能解决问题. 原来我们的tomcat是通过nginx发现服务代理的,问题就出现nginx服务器上,原来n ...

  10. 1.如何在虚拟机ubuntu上安装hadoop多节点分布式集群

    要想深入的学习hadoop数据分析技术,首要的任务是必须要将hadoop集群环境搭建起来,可以将hadoop简化地想象成一个小软件,通过在各个物理节点上安装这个小软件,然后将其运行起来,就是一个had ...