JavaScript 引用【转】
从一个例子说起:
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 引用【转】的更多相关文章
- JavaScript引用是如何工作的
原文链接:https://www.sitepoint.com/how-javascript-references-work/ 摘要:JavaScript中没有指针,并且JavaScript中的引用与我 ...
- JavaScript引用方法说明
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 我所犯的JavaScript引用错误
近期在w3cschool学习JavaScript和php--学完后,开始帮一哥们友情写网站.但是在使用ajax和Jquery的时候发现,我自己写的脚本不能运行.捣鼓了半天,没有发现任何语句错误.调试器 ...
- The Cost of JavaScript --------引用
tl;dr: 想要保持页面的快速运行,你需要仅加载当前页面所需的 JavaScript 代码.优先考虑用户所需,之后运用代码分离懒加载其他内容. Is it happening - 在这个时期,你可以 ...
- JavaScript 引用数据类型
目录 1. 问题描述 2. 原因分析 3. React 中的引用数据类型 4. 业务场景 5. 参考资料 1. 问题描述 今天在写一个代码题时候, 有一个BUG 导致自己停滞好久, 该BUG 可以描述 ...
- 前端优化分析 之 javascript引用位置优化
在很多优化法则中都提到,尽量将javascript放到页面底部,这是为什么呢 我通过firebug进行了下简单的分析 看下图 本页面首尾都存在javascript代码 我们分析得出 1.整个页面文档 ...
- javascript引用"bug"带来的"继承"
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- JavaScript 引用错误
在学习vue时 出现无法实现效果原始设置 <script src="js/lib/vue2.min.js"/><script src="js/lib/v ...
- javascript引用奇趣
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
随机推荐
- vue兄弟组件传值
vue中除了父子组件传值,父传子用props,子传父用$emit,有时候兄弟组件之间也需要传值 1. 先定义一个中间件,src下面新建self.js import Vue from 'vue'; le ...
- AMD、CMD、CommonJs和 ES6对比
AMD(异步模块定义)是RequireJS在推广过程中对模块定义的规范化产出. define(['package/lib'], function(lib){ function foo(){ lib.l ...
- 污染Bootstrap modal 通过 css选择器 避免
w 对框架的掌握.改进. 0-存在重复代码,需要改正,js timepicker框架传入类名: 1-大量的点击块,怎样避免对每个块重复写modal? <style> .w > td ...
- phpstrom 常用默认快捷键
ctrl+j 插入活动代码提示ctrl+alt+t 当前位置插入环绕代码alt+insert 生成代码菜单ctrl+shift+n 查找文件 ctrl+q 查看代码注释ctrl+d 复制当前行ctrl ...
- java7(2)——使用mutilcatch注意事项
从java7推出mutilcatch后,到现在都少有看到人使用,可能是这个功能真正用起来,比起多个catch并不快多少,而且现在的工IDE具太厉害了,什么都有快捷键!说是这么说,我们还是得了解一下如何 ...
- JavaScript Big-Int
这个库是为JavaScript中的大整数操作,如加,减,乘,除,mod,比较等. 这个库的原理是模拟笔和纸的操作,你可以操作整数,大到你的RAM允许. 例 var bigInt = require(' ...
- 机器学习算法(优化)之一:梯度下降算法、随机梯度下降(应用于线性回归、Logistic回归等等)
本文介绍了机器学习中基本的优化算法—梯度下降算法和随机梯度下降算法,以及实际应用到线性回归.Logistic回归.矩阵分解推荐算法等ML中. 梯度下降算法基本公式 常见的符号说明和损失函数 X :所有 ...
- 工作笔记——web字体格式转换
转载自:http://blog.csdn.net/xiaolongtotop/article/details/8316554 目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体 ...
- mysql数据库从删库到跑路之mysql库操作
一 知识储备 MySQL数据库基本操作知识储备 数据库服务器:一台计算机(对内存要求比较高) 数据库管理系统:如mysql,是一个软件 数据库:oldboy_stu,相当于文件夹 表:student, ...
- Google:移动端搜索正式上线移动友好标签
Google移动端搜索正式上线“Mobile-Friendly”(移动友好)标签,并宣布如果卖家网站上没有移动友好标签或者错误地设置移动友好标签,那么卖家的网站将被降级. Google表示目前常见的智 ...