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 相关文章推荐
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
AngularJS实时获取并显示密码的方法
Feb 06 Javascript
Vue中对比scoped css和css module的区别
May 17 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
vue使用canvas实现移动端手写签名
Sep 22 Javascript
原生JavaScript实现购物车
Jan 10 Javascript
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和jQuery来实现“顶”和“踩”的投票功能
2016/10/13 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
JavaScript新窗口与子窗口传值详解
2014/02/11 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
2015/10/15 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
浅谈JS验证表单文本域输入空格的问题
2017/02/14 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
通过js修改input、select默认字体颜色
2017/04/19 Javascript
javascript 初学教程及五子棋小程序的简单实现
2017/07/04 Javascript
vue组件中的样式属性scoped实例详解
2018/10/30 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
Vue 自定义指令功能完整实例
2019/09/17 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
Python中的XML库4Suite Server的介绍
2015/04/14 Python
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Python探索之SocketServer详解
2017/10/28 Python
Python3爬虫全国地址信息
2019/01/05 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
python实现网站用户名密码自动登录功能
2019/08/09 Python
CSS3动画特效在活动页中的应用
2020/01/21 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
沈阳故宫导游词
2015/01/31 职场文书
建议书格式
2015/02/04 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
Python标准库之typing的用法(类型标注)
2021/06/02 Python
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL