关于js的连续赋值
首先,来看一个经典的案例:
<script>
var a = {n: 1}
var b = a;
a.x = a = {n: 2}
alert(a.x);
alert(b.x);
</script>
答案是什么呢?
首先,js中规定求值顺序是从左到右的,这个问题很容易忽略。什么意思呢,a.x = a = {n: 2},这句代码应该怎样理解呢?等价于a.x = (a = {n: 2}),在js中,类似的连续赋值是从左到右进行的,也就是说先对a.x进行赋值,再对a进行赋值。可能很难讲清楚,这里结合js中引用类型和引用类型的赋值,请看下面的注释分析:
<script>
var a = {n: 1}//引用类型的赋值,没有问题
var b = a;//这句代码后,a和b都共同指向{n:1}这个内存中对象,所以a和b的改变(这里的改变不包含对a和b重新赋值),都会影响到{n:1},也就是说,a和b会互相影响,当然不包括对a和b重新赋值
a.x = a = {n: 2}//ok,这句话很重要,这个地方表面上看起来有些矛盾,其真实意思是,由于js中连续赋值是从左到右的,所以先将{n:2}赋给a.x,此时a和b所共同指向的对象已经变成了{n:1,x:{n:2}},ok然后呢,将{n:2}赋给a,所以,这句之后的结果就是:b依然指向以前的对象,而这个对象已经变成{n:1,x:{n:2}},而a由于赋值已经和以前的对象脱离了关系此时的a是{n:2}。
alert(a.x);//所以a.x是undefined
alert(b.x);//b.x是{n:2},所以alert的结果是:[object object]
</script>
当然你也可以alert(b.x.n)试试,结果是2
关于js的连续赋值的更多相关文章
- JS变量连续赋值
下面就是这个经典案例: var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a);console.log(b); console.log( ...
- JS基础-连续赋值
重点:先声明,从左向右,声明变量分配内存,后赋值,从右向左 问题 var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x); cons ...
- 千万不要在JS中使用连等赋值操作
前言 文章标题这句话原本是在国外某JavaScript规范里看到的,当时并没有引起足够的重视,直到最近一次出现了bug发现JS里的连等赋值操作的特色(坑). 网上搜索一番发现一个非常好的连等赋值的(来 ...
- 【转】千万不要在JS中使用连等赋值操作
原文链接 千万不要在JS中使用连等赋值操作 目录 前言 赋值顺序? 连续赋值能拆开写么? 后记 前言 文章标题这句话原本是在国外某JavaScript规范里看到的,当时并没有引起足够的重视,直到最 ...
- 零散的JS和node.js小知识
JS的连续赋值和曾经出现的怪异情况 let a=1; let b=a=3; 如上的真实赋值过程 => a=1 => a=3 => b=3 => 一般来说,等号是从右向左赋值的 ...
- js中变量的连续赋值
今天遇到了一个连续赋值的经典案例,网友们给出的答案也是五花八门,看起来有些繁琐,我也来说说自己的看法. 下面就是这个经典案例: var a = {n: 1}: var b = a; a.x = a = ...
- js连续赋值,你理解了吗
看一道有意思的题,也许你会自信满满地写下答案,会是正确的吗? }; var b = a; a.x = a = {n: }; console.log('a',a); console.log('b',b) ...
- js 连续赋值
无意中网上发现的这个问题,预想的结果和真实的结果大相径庭. var a={n:1} var b=a; a.x=a={n:2} console.log(a.x); console.log(b.x); u ...
- js连续赋值、指针
jq的源码中有很多连续赋值,类似这样的: var a = {n:1}; var b = a; // 持有a,以回查 a.x = a = {n:2}; alert(a.x);// --> unde ...
随机推荐
- 禁止 一些地区的ip用户访问 网站
01 framework.php 中 获取请求的ip地址.保存为常量 define('IP', request::get_clientip()); 02 setting表中.属于system模块,保存 ...
- git简单使用教程
git 的基本使用指令 我们先来简单熟悉一下 git 的简单使用的指令, 作为最基本的 git 指令一定要熟悉 12345678910111213141516171819202122232425262 ...
- android studio布局文件/XML怎么代码补全
android studio中的布局文件代码补全方式是打第一个字母就提示了,而java代码有时候要按快捷键. 布局文件的话呢,要写在标签开始处才提示,在标签闭合处有时候不提示,有时候在内容里也会有不提 ...
- AJAX校验商品价格(类似校验用户名)
服务器端程序 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <%@ WebHandler Language=" ...
- php常用命令大全
1.php -v 查看版本号 [root@rs-2 lib]# php -v PHP 5.5.11 (cli) (built: Apr 29 2014 12:35:52) Copyrigh ...
- LNMP环境的安装配置
0.安装必要的依赖软件 如果已经安装了可能会进行升级,版本完全一致则不会进行任何操作. yum -y install bzip2-devel curl-devel freetype-devel gcc ...
- ActiveMQ-CPP编译
1.activemq-cpp下载地址: http://activemq.apache.org/cms/download.html 2.相关依赖库 http://mirrors.hust.edu.cn/ ...
- php 数据库并发处理
在并行系统中并发问题永远不可忽视.尽管PHP语言原生没有提供多线程机制,那并不意味着所有的操作都是线程安全的.尤其是在操作诸如订单.支付等业务系统中,更需要注意操作数据库的并发问题. 接下来我通过一个 ...
- 用ifconfig命令,只有lo,没有eth0的解决方案
解决方案: 1. 进入/etc/sysconfig/network-scripts 目录,发现有ifcfg-eth0,即网卡(驱动)存在但未启用. 2. 输入ifconfig -a命令,可显示eth0 ...
- iOS UIScrollView偏移量属性
contentSize: The size of the content view. 其实就是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentS ...