JavaScript应用

1、js的引入方法

三种方法：
外联，将js文件写在html外，在html文件中进行调用

html文件内部写入：一般在body标签的最下方写入，需要直行html后再进行执行

写入html文件的头部

2、js的对话框应用：
alert将alert中的文本在浏览器中以弹窗模式打开：

prompt可以写入提示语，弹窗下方可以输入信息：

console.log（）可以将信息在控制台中显示

 

2、变量：
 

 变量初始化使用let，let声明的变量不能再次声明 变量可以重复赋值

变量的命名规范：

         1、不能使用关键字

         2、由下划线、字母、数字、$组成，不能以数字开头

         3、小驼峰命名

         4、最好具有含义

3、常量

常量为固定值，如PI，定义的常量不能再次进行赋值

4、数据类型转换

如数字为int类型，强制转换数据类型需要使用parseString转换为字符串，parseFloat强制转换为float类型

5、模板字符串

定义一个变量

let a = 'zhangsan'

此时进行控制台显示a应该使用

console.log('我的名字是：' + a)    变量不可以写入引号中

console.log(`你的名字是：${a}`)  此时变量可写入反引号，但是需要添加${}，写入符号中才可以显示

6、算数运算符

+ ，- ，*，/均为正常的加减乘除运用

%取余    **为次方

需要注意的是==与===中间的区别，==将数据转换为同一类型，只要数据相同，则相等

===只要数据类型不同，则会返回flash

7、逻辑运算符

&&  与   并且:一假则假

||  或    一真则真

！   非   不是

8、二元运算符

二元运算符使用方式类似于if else用法

a > 18 ? console.log('你成年了，恭喜恭喜') : console.log('小屁孩一个')

可以转换为：
 

  if (a > 18) {

            console.log('你成年了，恭喜恭喜')

        } else {

            console.log('小屁孩一个')

        }

9、选择结构

单分支

if语法应用，如下：
if (a > 60) { console.log('You are fantastic') }

没有else

双分支，类似于二元运算符用法

多分支，if else完整用法

多个条件，多个返回

10、switch case语句

使用let定义变量后再控制台输入，按照输入值进行返回switch语句中的信息

如：

let week = window.prompt("请输入今天是星期几：");

        switch (week) {

            case "1":

                alert("今天星期一，猴子穿大衣~~~");

                break;

            case "2":

                alert("今天星期二，猴子有点二");

                break;

            case "3":

                alert("今天星期三，猴子去爬山");

                break;

            case "4":

                alert("今天星期四，猴子要找事");

                break;

            case "5":

                alert("今天星期五，猴子打老虎");

                break;

            case "6":

                alert("今天星期六，猴子666");

                break;

            case "7":

                alert("今天星期日，猴子晒太阳");

                break;

            default:

                alert("你是猴子派来的救兵吧~~~");

                break;

        }

注意：break必须添加，如不添加，则会导致无法跳出完整循环

11、while循环

let i = 1;

        while (i < 100) {

            console.info(i);

            ++i;

        }

语句解释：定义i=1，while循环中定义当i小于100时，在控制台中输出i，对i进行+1，继续返回循环检查输入，直到满足条件后终止

12、循环跳出

循环跳出语句使用break与continue

两者区别为，使用break会跳出整个循环，而使用continue则是跳过当前循环，循环依旧运行