Javascript 按位与赋值运算符 (&=)使用介绍


Posted in Javascript onFebruary 04, 2014

Javascript 按位与赋值运算符 (&=),对变量值与表达式值设置按位“与”运算的结果。 变量和表达式均被视为 32 位二进制值,而一般表达式里面都是十进制整数,此时需要先转换成对应的二进制,然后向前加0,补足32位。

result &= 【整数2】
等价于
result = result & 【整数2】

& 对两个 32 位表达式的每一个位执行按位“与”运算。 如果两个位均为 1,则结果是 1。 否则,结果为 0。

位1 位2 位与
0 0 0
1 1 1
0 1 0
1 0 0

下面的示例演示如何使用 & 位与运算符 和 &= 按位与赋值运算符:

// 9 二进制是 1001,补足32位为 00000000000000000000000000001001
var expr1 = 9;
// 5 是 00000000000000000000000000000101
var expr2 = 5;
/*
00000000000000000000000000001001
&
00000000000000000000000000000101
=
00000000000000000000000000000001
=
1
*/
var result = expr1 & expr2;
alert(result);
// 弹出【1】
expr1 &= expr2;
alert(expr1);
// 弹出【1】

JavaScript赋值运算符与表达式

JavaScript赋值运算符负责为变量赋值,JavaScript赋值运算符包括=,+=,-=,*=,/=,%=
用赋值运算符和运算对象(操作数)连接起来,符合规则的JavaScript语法的式子,称JavaScript赋值表达式。

JavaScript赋值运算符与赋值表达式语法

var i+=a;

+= -- 赋值运算符
上面表达式的意义是:把i加上a所得的值,赋予变量i。

JavaScript赋值运算符与赋值表达式

运算符 = += -= *= /= %=
名称 赋值运算符 加法赋值运算符 减法赋值运算符 乘法赋值运算符 除法赋值运算符 模赋值运算符(求余赋值运算符)
表达式 i=6 i+=5 i-=5 i*=5 i/=5 i%=5
示例 var i=6; i+=5; i-=5; i*=5; i/=5; i%=5;
i的结果 6 11 1 30 1.2 1
等价于   i=i+5; i=i-5; i=i*5; i=i/5; i=i%5;

示例解释

前自增运算符与后自增运算符有本质的区别,它们的相同点都是为自身加了1,不同点是前自增运算符是先加1,再使用操作数的值,后自增运算符是先使用操作数的值,再加1。例如:

var a; 
var i=6; //(前加加)i加1后,i等于7,并将i值赋予a,于是a等于7 
a=++i; 
document.write(i); 
document.write(a); 
i=6; 
//(后加加)将i值赋予a,于是a等于6,最后i加1,i等于7 
a=i++; 
document.write(i); 
document.write(a);

结果:

7 
7 
7 
6
Javascript 相关文章推荐
JavaScript DOM 学习第五章 表单简介
Feb 19 Javascript
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
用js实现输入提示(自动完成)的实例代码
Jun 14 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
js同比例缩放图片的小例子
Oct 30 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
JavaScript常用数学函数用法示例
May 14 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
es6中new.target的作用和使用场景简单示例分析
Mar 14 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
Jul 09 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 #Javascript
JavaScript按位运算符的应用简析
Feb 04 #Javascript
Javascript 按位取反运算符 (~)
Feb 04 #Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 #Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 #Javascript
jquery 获取dom固定元素 添加样式的简单实例
Feb 04 #Javascript
jquery判断元素的子元素是否存在的示例代码
Feb 04 #Javascript
You might like
php单例模式实现(对象只被创建一次)
2012/12/05 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
PHP线程的内存回收问题
2016/07/08 PHP
WordPress JQuery处理沙发头像
2009/06/22 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
Javasipt:操作radio标签详解
2013/12/30 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
JS+CSS实现表格高亮的方法
2015/08/05 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
Vue中computed与methods的区别详解
2018/03/24 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
python进程和线程用法知识点总结
2019/05/28 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
python使用for...else跳出双层嵌套循环的方法实例
2020/05/17 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
Python实现简单的2048小游戏
2021/03/01 Python
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
团队精神的演讲稿
2014/05/14 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS