ECMAScript 运算符
ECMAScript 算数运算符

加(+)、 减(-)、 乘(*) 、除(/) 、余数(% )  加、减、乘、除、余数和数学中的运算方法一样  例如:9/2=4.5,4*5=20,9%2=1

-除了可以表示减号还可以表示负号  例如:x=-y

+除了可以表示加法运算还可以用于字符串的连接  例如:"abc"+"def"="abcdef"

递增(++) 、递减(--)

假如x=2,那么x++表达式执行后的值为3,x--表达式执行后的值为1
i++相当于i=i+1,i--相当于i=i-1
递增和递减运算符可以放在变量前也可以放在变量后:--i
    
var i=1;
console.log(i++);
console.log(++i);
console.log(i--);
console.log(--i);

一元加减法:

    var a=1;
    var b=1;
    a=-a;  //a=-1

    var c="10";
    alert(typeof (c));
    c=+c;    //类型转换
    alert(typeof (c));
//    -------------------
    var d="yuan";
    d=+d;
    alert(d);//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据
    alert(typeof(d));//Number

    //NaN特点:
    
    var n=NaN;
    
    alert(n>3);
    alert(n<3);
    alert(n==3);
    alert(n==NaN);
    
    alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=

 

通过pycharm新建js_operation.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    var a=1;
    var b = a++;    //a+=1,a=a+1
    alert(b);
    alert(a);

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    var b = ++a;    //先计算再赋值,a=2,b=2;
    alert(b);
    alert(a);

</script>

</body>
</html>

点击pycharm上面浏览器

 

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    var x = 1;
    alert(x++); //  1
    alert(++x); //  3
    alert(--x); //  2
    alert(x--); //  2
    alert(x)    // 1

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

继续点击确认

继续点击确认

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    var a = 3;
    b=+a;
    alert(b)
    alert(typeof(b))
    
</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    var a = "3";
    b=+a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    var a = "3.2"
    b=+a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    // var a = "3.2"
    var a = "123a456"
    b=+a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    // var a = "3.2"
    // var a = "123a456"
    var a = "123a"
    b=+a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    // var a = "3.2"
    // var a = "123a456"
    // var a = "123a"
    var a = "a123"
    b=+a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    var a = "3";
    // var a = "3.2"
    // var a = "123a456"
    // var a = "123a"
    // var a = "a123"
    
    // b = +a;

    b = -a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    var a = "3.2"
    // var a = "123a456"
    // var a = "123a"
    // var a = "a123"
    
    // b = +a;

    b = -a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

继续点击确认

修改js_operation.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    // var a=1;
    // var b = a++;    //a+=1,a=a+1,先赋值再计算,b=1,a=2;
    // var b = ++a;    //先计算再赋值,a=2,b=2;
    // alert(b);
    // alert(a);

    // var x = 1;
    // alert(x++); //  1
    // alert(++x); //  3
    // alert(--x); //  2
    // alert(x--); //  2
    // alert(x)    // 1

// 一元加减法

    // var a = 3;
    // var a = "3";
    // var a = "3.2"
    // var a = "123a456"
    var a = "123a"
    // var a = "a123"
    
    // b = +a;

    b = -a;
    alert(b)
    alert(typeof(b))

</script>

</body>
</html>

点击pycharm上面浏览器

 

继续点击确认