这是我新开的一个校园版Javascript
主题是星辰与大海,坐标位于α:7h53m~9h19m,δ:+7°~+33°
也就是我们强而有力的巨蟹座
由于我不能第一时间input到课堂最新的code,还请您多多反馈。
否则会影响我给你讲解的。

01 显示作者信息

最终效果:

代码用途:不只是可以在网页中显示书名,作者,版权信息,而且还可以实时更新这些信息。
<title>输出简略图书信息</title>   //网站标题
<script type="text/javascript">  //告诉浏览器我叫javascript,我需要特殊照顾
function info(_name="空值",_author="空值",_price="空值") 
function info的意思是建立一个名为info的程序
其中在info这个程序中,我们定义外部可以给他导入3个数据
他们分别是名字_name,作者_author和书的价钱_price,当然这些英文可以随便起。
{ 
    document.write("书名:"); 
    document.write(_name);  
    现在info程序的第一个导入数据。
    其中info内的 _name="空值" 被替换成了 书名 = "空值"
    document.write("<br />");
    
    document.write("作者:");  
    document.write(_author);
    现在info程序的第二个导入数据。
    从原来的 _author="空值" 被替换成了 作者 = "空值"
    document.write("br /");
    
    document.write("价钱:");
    document.write(_price);
    现在info程序的第三个导入数据。
    从原来的 _price="空值" 被替换成了 价钱 = "空值"
    document.write("br /");
}
info("Harry potter","j.k.Rowling",80);
向info程序导入 第一、第二、第三 的数据。
分别将Harry potter替换代码 【_name="空值"】 里的空值。
分别将j.k.Rowling替换代码 【_author="空值"】 里的空值。
分别将80 替换代码 【_price="空值"】 里的空值
</script>  //结束info程序,见上面最终执行结果。

03 用JS进行数学计算

代码用途:用javascript在浏览器中计算平均数,学会可以利用浏览器进行公式运算。
<title>计算任意三个数的平均值</title> //网页标题
<script type="text/javascript"> //告诉浏览器我叫javascript,快回来复制
function average(数字1,数字2,数字3)
建立一个名为average的程序/函数,其中有三个输入参数。
{
   avg=(数字1,数字2,数字3) /3;  
   将三个数的平均数计算出来,并将平均数赋值给自定义变量avg
   return avg;
   程序average运行结束,向用户返回这三个数的平均数。
}
function print_avg()
创建一个名为print_avg的程序
{
   n = average(13,18,39);
   向最上面创建的程序average
   导入三个数值13,18,39,并把最终平均值赋值给n;
   document.write("13,18,39的平均值为:");
   document.write(n);
   在网页中显示最终结果如上图所示
}
print_avg();
这里很重要!
上面写的是程序所蕴含的规则,实际上并未运行。
这行代码的意思是,运行print_avg这个程序。
</script> //结束程序

04 用JS计算圆的面积和

<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<title>计算圆的面积之和</title>
<script type="text/javascript">
function total_area(r1,r2)
//创建一个名为total_area的程序
{
function circle_area(r)
//在程序total_area中创建一个名为circle_area的子程序
//其中circle_area中有一个名为r的输入参数
{
  return 3.14 * r * r;
返回 3.14 乘 r² 的值
}
  area=circle_area(r1)+circle_area(r2);
  document.write("圆的面积之和: " + area + "<br />");
}
total_area(6,5);total_area(3,7);
向total_area导入半径6和5,最终两圆面积和191.54
向total_area导入半径3和7  最终两圆面积和182.12
</script>
</html>

05 局部变量与全局变量

<!DOCTYPE html> <html lang="en"> <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> </head> <body>
    
    <script>
        (function()
        {
            document.write(6 + 2); /*6+2*/
            document.write(6 - 2); /*6-2*/
            document.write(6 * 2); /*6 x 2*/
            document.write(6 / 2); /*6 ÷ 2*/
            document.write(6 % 2); /*取余*/
            document.write(6 ** 2); /*乘方*/

            let t =5;t++;  /*局部变量t=5,t++相当于+1,这里意思是5+1*/
            document.write(t); /*打印输出t的值*/

            let n =7;n--; /*局部变量n=5,t--相当于-1,这里意思是5-1*/
            document.write(n);

            let a =8;b = 3; /*局部变量a=5,b=3*/
            let result = -a / (b+1) - 2 % 5 * 10; 
            /局部变量结果等于*-a ÷ [(b+1) - 2除以5的余数 x 10]
            document.write(result); /*写入并打印局部变量结果*/
        })();
    </script>    </body> </html>

06 复合赋值运算符

复合赋值运算符和表达式最难的部分在下表,事实上能看懂这张表就行了。

运算符描述表达式二进制过程二进制结果十进制结果
&ANDx = 5 & 10101 & 000100011
lORx = 5 l 10101 l 000101015
~取反x = ~5~01011010-6
异或x = 5∧10101 ∧ 000101004
<<左移x = 5 << 10101 << 1101010
>>右移x = 5 >> 10101 >> 100102

事实上,这些运算符能用来干嘛,我不知道,只需要结果是怎么得出来的就好。
举例一&:表达式5 & 1是怎么得出十进制阿拉伯数字1的?
NO1,把表达式的阿拉伯数字(5 & 1)转换成二进制
即 0101 & 0001
左边第一位是0,右边第一位也是0对吧?好,那二进制结果第一位也是0
左边第二位是1,右边第二位是0。两个不一样对吧?那二进制结果第二位的结果也是0
左边第三位是0,右边第三位是0,两边一样对吧?那二进制结果第三位就是0
左边第四位是1,右边第四位是1,两边又一样对吧,那二进制结果第四位就是1
N02,所以在&的规则下,0101 & 0001 最终的二进制结果是 0001
NO3,二进制的0001 转成 十进制的阿拉伯数字 对应的就是 数字1
这个和找规律很像,像后面的l,~,∧,<<都有自己独特的规律,有兴趣可以找一找。N

 <script>        
    (function()
    {
        var r,n;
        r=10;n=2;r += n;   document.write(r); /*10+2=12*/
        r=10;n=2;r -= n;   document.write(r); /*10-2=8*/
        r=10;n=2;r *= n;   document.write(r); /*2x10=20*/
        r=10;n=2;r /= n;   document.write(r); /*10÷2=5*/
        r=10;n=2;r %= n;   document.write(r); /*10÷2=5····0*/
        以下为难点,想知道结果怎么推算出来,见上面表格的规律
        简单知道大致流程就好了,不必深究
        r=10;n=2;r &= n;   document.write(r); /*10 & 2 = 2*/
        r=10;n=2;r |= n;   document.write(r); /*10 | 2 = 10*/
        r=10;n=2;r ^= n;   document.write(r); /*10 ^ 2 = 8*/
        r=10;n=2;r <<= n;  document.write(r); /*10 << 2 = 40*/
        r=10;n=2;r >>= n;  document.write(r); /*10 >> 2 = 2*/
        r=10;n=2;r >>> n;  document.write(r); /*10 >>> 2 = 2*/
    })(); 
    </script>

07 年龄与辈分的关系

<script>
function person(age)
将下面a的年龄值导入age里面,开始运算
{
    var status = (age>=18) ? "成人" : "儿童";
    如果age大于18则向全局变量status返回成人
    如果age小于18则向全局变量status返回儿童
    return status;
    注释:把最终得到的值‘成人’或'儿童',返回到主程序最后一行代码
    注释:document.write(person(a));
    注释:在浏览器中打印
}        
(function() !!先从这里开始往下看!!
{
    var a = window.prompt("请输入年龄:",30); 
    弹出一个输入框,默认值是30
    把最终输入的年龄,赋值给a,即 a=最终输入的年龄
    document.write(person(a));
    启动上面的程序person,并把a里的年龄导入程序person
    现在你可以去看最上面person程序的代码了。
})();
</script>