20180603-前端学习日志-JavaScript之概览与计算和控制-优快云博客

本文介绍了JavaScript的基础知识，包括语法格式、变量定义与计算、条件判断与循环控制等内容，并提供了多个示例帮助理解。

一、概览

JavaScript的格式为<script></script>，不同于需要编译的Java，它是解释性语言，源代码放到HTML里面，

所有JavaScript语句由分号结尾。

二、格式分析

<script>
    document.write("Hello World!")
</script>

document是对象，“.”是运算符，write是动作，“Hello World!”是字符串参数，即document做出write动作，动作内容是HelloWorld。

三、变量与计算

JavaScript中使用var来定义变量，var即varible。变量名可以包含英文字母、数字、下划线，但是第一个字符不可以为数字也不可以是JavaScript已有的变量名。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
        var hello = "Gello";
        alert(hello.charCodeAt()); //这里显示的是Gello的第一个字母G的ASCII码71
        alert("Hello".charCodeAt());  //这里显示的是Hello的第一个字母的ASCII码72
        hello = hello + "World";
        // var age = ((1+15)*2)/3;
        // age = -age;
        // var result = 10%2;
        // result++;
        // ++result;
        var age1 = 18;
        var age2 = 20;
        // var ot = true;
        // document.write(result);
        // document.write(age1 != age2);
        document.write(hello > "Hello") 
    </script>
</body>
</html>

变量计算几乎和正常的加减乘除一样，还可以作比较。如上的hello值是Gello，从ASCIIC码上看是小于Hello的，故结果为布尔值false。（纯字符串只比较首字母的ASCII码）

四、控制

1.判断（可以嵌套）

注意if else后面放{}，哪怕只有一句语句。除了这之外还有switch case判断语句，注意break不要漏掉。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
        var age = 15;
        document.write("你的年龄是：" + age);
        if (age >= 18) {
            alert("成年啦");
        }
        else {
            alert("还小呢");
        }
        alert("好啦好啦，知道啦");
    </script>
</body>
</html>

关于逻辑运算符有与或非三种，优先级是! > && > ||。所有的逻辑运算符的优先级都低于关系运算符。

2. 循环（可以嵌套）

while循环当条件满足时执行语句。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
        var count=1;
        var limit=5;
        while (count<=limit) {
            alert(count);
            count=count+1;
        }
    </script>
</body>
</html>

当为死循环时会死机。

例如：

    <script>
        var count = 1;
        while (count != 50) {
            count += 2;
        }
    </script>

还有一种do while循环，和while循环相反，是做完动作后再判断条件是否成立。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript</title>
</head>
<body>
    <script>
        var number = 23871;
        var reverse = 0;
        do {
            var lastDigit = number % 10;
            reverse = (reverse * 10) + lastDigit;
            number = parseInt(number/ 10) ;
        } while (number > 0);
        alert("That number reversed is " + reverse);
    </script>
</body>
</html>

这是典型的反转数字算法，%取余，/取商。

无限循环的写法有三种：

while(true){ }

do { } while(true)

for( ; ; ){ }

三种循环等价，当至少需要循环一次时do更好，当循环次数固定或者很容易得到计算结果，用for循环，其他情况用while。

break和continue，一个是跳出循环，一个是跳出后进入下一个循环。