1.表达式

表达式是EMCAscript中的一个“短语”,解释器会通过计算把它转换成一个值。最简单的表达式是字面量或者变量名。

2.前置递增(++box)和后置递增(box++)的区别

看下面一段代码的实现过程:

var box = 100;
alert(box++); // 100  box = box+1;先执行打印box,再赋值,100 + 1 = 101
alert(++box); // 102  box = 1+box;先赋值,再打印box, 101 + 1 = 102
 age = box++;
 height = ++box;
alert(age); //102
alert(height); //104

对比一下是不是这样:

var box = 100;
age = box++;
alert(age); //100
var box = 100;
age = ++box;
alert(age); //101

3.++号的隐含的Number的转换

3.1字符串

var box = '89';
var box1 = 'lc';
alert(typeof box); //string
alert(typeof box1); //string
age = ++box;
age1 = ++box1;
alert(typeof box); //number
alert(typeof box1); //number
alert(typeof age); //number
alert(age1); //NaN
alert(typeof age1); //number

3.2 Boolean

var box1 = false;
box1++; //将false转换成0,0+1=1
alert(box1); //
var box2 = true;
box2++; //将true转换成1, 1+1=2
alert(box2); //2

3.3对象Object

var box= {};
alert(box); //[object object]
box++;
alert(box); //NaN
box = {
	toString:function(){
		return '123'
	}
}
alert(typeof box); //object
box++;
alert(box); //124
alert(typeof box); //number

var box1 = {
	toString :function(){
		return 'lc'
	}
};
box1++;
alert(box1); //NaN
alert(typeof box1); //number

4+号也有这样的功能;但是注意一点

var box = '100';
+box; //这样并不能改变变量,变量也是不能改变,只能消掉重新创建变量。(这是底层原理)
alert(box); //100
alert(typeof box);//stringalert(typeof +box);//number

4.1+号对string的转换

var box = false;
alert(typeof box);//boolean
alert(+box); //0
alert(typeof +box); //number
var box1 = true;
alert(+box1);//1

4.2Object

var box = {};//+box表正数,-box表示负数
alert(box);//[object object]
alert(typeof box); //object
alert(+box); //NaN
alert(typeof +box);//number
var box1 = {
	toString:function(){
		return '123'
	}
};
alert(+box1);//123
alert(typeof +box1); //number

5运算

var box = 1 +NaN;
alert(box);//NaN
var box1 = 100 + '100';
alert(box1);//100100
alert(typeof box1);//string 运算规则是:number和string的运算有一个string,‘+’号就会变string的连字符

5.()括号强制优先级

var age = '年龄:'+10+20;
alert(age);//年龄:1020
var age = '年龄:'+(10+20); //括号强制优先级
alert(age);//年龄:30

6.number 和object

var box = 10 + {};
alert(box); //10[object object]
alert(typeof box);//string 很奇怪

var box = 10 + {
	toString:function(){
		return '20';
	}
};
alert(box);//1020
alert(typeof box);//string
var box = 10 = {
	toString:function(){
		return 20;
	}
};
alert(box);//30
alert(typeof box);//number

 其他的运算转换,以后补充

js的运算的更多相关文章

  1. js赋值运算的理解

    简介 js引擎由于为了效率,很多时候的非直接量赋值都不是copy一份在赋值给新的变量,而是一个引用 ps:直接量:直接值数字字符串等 为什么使用len = doms.length; 里的len效率要比 ...

  2. JS浮点数运算Bug

    JS浮点数运算Bug的解决办法(转) 37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.0849999 ...

  3. js浮点数运算需要注意的问题

    最近在js运算浮点数时发现了一个问题.问题是这样的:js函数中处理两个浮点数的相加,为了防止出现0.1+0.2=0.30000000000000004的问题,两个数都先乘以10000后再相加,得到结果 ...

  4. 通过一张简单的图,让你彻底地搞懂JS的==运算

    大家知道,JavaScript中的==是一种比较复杂运算,它的运算规则很奇怪,很容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读ECMAScript规范的基础上,我画了一 ...

  5. 一道JS 连续赋值运算的问题

    原文链接:https://www.cnblogs.com/joesbell/p/6229423.html <script> var a = {n:1}; var b = a; a.x = ...

  6. js浮点数运算封装, 起因财务部分精确计算

    目录 背景 具体代码 背景 项目中用到浮点数,Int 等 js中 Number类型比较多, 加上牵涉到财务软件, 前台js运算等. 有时候会出现精确度的问题 , 公共方法中有好事者写的方法. 此处拿来 ...

  7. 【转】JS浮点数运算Bug的解决办法

    37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这样,两个只有一 ...

  8. JS小数运算失精度的问题

    JS因为是解释性语言,在运算中会有丢失精度的问题,这种现象多出现在浮点型运算的情况下. 例如 5.11 * 100  得到的结果是 511.00000000000006 这种情况尤其是在处理金额的时候 ...

  9. JS位运算和遍历

    JS位运算符 整数 有符号整数:允许使用正数和负数,第32位作为符号位,前31位才是存储位 无符号整数:只允许用正数 如果用n代表位 位数 = 2^n-1 由于位数(1.2.4.8.16...)中只有 ...

  10. js的运算小数点的问题

    问题这样的: 37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.08499999999998 怎么会这 ...

随机推荐

  1. CSS3选择器(三)之伪类选择器

    伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总 结一下CSS中常用的伪类选择器的使用方法,最后把重心放 ...

  2. cookie 用户第一次访问时执行

    <script type="text/javascript" src="/js/jquery.Cookies.js"></script> ...

  3. C++的ORM 开源框架

    C++的ORM 开源框架 介绍一个C++的ORM工具ODB SOCI.LiteSQL.POCO数据库访问类库对比

  4. [办公自动化]无法使用江南天安usbkey 无法使用视频网站

    同事打来电话说,无法使用江南天安开发的usbkey. 修复基本步骤记录如下: 1.卸载一切设备管理器中与之相关的驱动.拔出key. 2.重启计算机. 3.前往业务公开网站安装驱动. 4.插入key测试 ...

  5. Javascript 笔记与总结(1-3)arguments

    arguments 是函数运行时的实参列表(对象),每个函数都有自己的 arguments,但不往外层函数寻找 arguments 的相关属性,即不行成链(只有 OA 形成作用域链). 例1 < ...

  6. 免费api大全(更新中)

    免费api大全(更新中) API大全  http://www.apidq.com/    (这个碉堡了) 天气接口 气象局接口 完整数据:http://m.weather.com.cn/data/10 ...

  7. Yii源码阅读笔记(十)

    控制器类,所有控制器的基类,用于调用模型和布局,输出到视图 namespace yii\base; use Yii; /** * Controller is the base class for cl ...

  8. LR中的C语言问题

    今天在调试LR的脚本(C)时遇到了几个甚是头痛得问题,下面简单总结下: 1.首先LR中的C编译器遵循C90标准,规定在一个函数中,变量定义必须放在所有的执行语句之前!一旦在运行语句之间再有定义的话,会 ...

  9. vue model双向绑定

    view <div id='demo' class="container"> <input type="text" v-model='name ...

  10. mysqli_multi_query($link, $wsql)

    if (mysqli_multi_query($link, $wsql)) { do { if ($result = mysqli_store_result($link)) { mysqli_free ...