javascript实现连续赋值


Posted in Javascript onAugust 10, 2015

最近项目接触,时间比较充足,到网上逛逛了逛无意中在网上发现了这个问题,预知的结果和真实结果相差太大。

请看下面代码

var a={n:1}
var b=a;
a.x=a={n:2}
console.log(a.x); 
console.log(b.x);
undefined
Object{n:2}

如果把代码拆开来看,结果就是我们所想的那样

var a={n:1}
var b=a;
a={n:2};
a.x={n:2}
console.log(a.x);//Object{n:2}
console.log(b.x);//undefined

分析代码:

a.x=a={n:2}

js的赋值运算是右结合的,上面等同于a.x=(a={n:2})

js的求值运算是从左到右的(PS:和同事讨论,他说是从左到右,我认为是从右到左,最后发现是我错了)

1)a.x=(括号内的最终结果)

   查找a的x属性不存在后在a指向的对象中添加一个属性x,这个x属性要把一个结果赋给它,那好吧,我等着结果

javascript实现连续赋值

2)因为是要获得括号内的结果,那么a.x就一直等着括号内给他返回结果,所以开始求值a={n:2}得到结果后返回给这个新属性x

javascript实现连续赋值

3)回到括号内的a={n:2},a发生指向改变了

javascript实现连续赋值

 javascript实现给<a href=""> href赋值

document.getElementById("a").href=""; a是要添加超链接a的id,比如<a id='a' >信息提示</a>
<form action="" method="post" name="myform" >
<a href="" id=links >信息提示 </a >
</form >
<script >
document.getElementById("links").href="http://www.baidu.com";
</script >

此代码内容实现给<a hre="">href赋值,怎么样代码很简单吧。

以上内容是本文用javascript实现连续赋值的全部内容,希望对大家有所帮助,本站每天都有新的内容更新,继续关注哟!

Javascript 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
Mar 08 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
Mar 24 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
JavaScript模拟数组合并concat
Mar 06 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
Jan 18 Javascript
AngularJS 支付倒计时功能实现思路
Jun 05 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
vue给对象动态添加属性和值的实例
Sep 09 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 #Javascript
js中的内部属性与delete操作符介绍
Aug 10 #Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 #Javascript
javascript中对变量类型的判断方法
Aug 09 #Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 #Javascript
jquery实现页面虚拟键盘特效
Aug 08 #Javascript
Jquery实现顶部弹出框特效
Aug 08 #Javascript
You might like
浅谈PHP无限极分类原理
2019/03/14 PHP
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
模仿jQuery each函数的链式调用
2009/07/22 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
js中对象的声明方式以及数组的一些用法示例
2013/12/11 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
简单使用webpack打包文件的实现
2019/10/29 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
Python中使用中文的方法
2011/02/19 Python
python中split方法用法分析
2015/04/17 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python TF-IDF算法实现文本关键词提取
2019/05/29 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
安装python3.7编译器后如何正确安装opnecv的方法详解
2020/06/16 Python
Django-imagekit的使用详解
2020/07/06 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
旷课检讨书2000字
2014/01/14 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
白血病募捐倡议书
2014/05/14 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
网络销售员岗位职责
2015/04/11 职场文书
2016年共产党员公开承诺书
2016/03/24 职场文书
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL