长春人文学院第四组孙乃宇https://www.cnblogs.com/sunnaiyu/js

javascript

1. 编程语言：脚本语言。依赖于某种容器来运行

编程语言的分类

1. 编译型

2. 解释型

3. 半解释半编译

4. js是运行在浏览器上的，可以帮助我们去控制页

js写在哪里

1. 不成文的规定 js放在结束body标签的上方

2. 外部引入js

js的数据类型

1. 数字：number: 包括整数 正数 负数 小数 Π

2. 字符串：String :a字母 中文 特殊符号#@￥

3. 布尔型：boolean:用来进行判断 true（1） false（0）

4. 空：null:d

5. undefined:未定义:相当于未定义没有值

变量

注意：开发中尽量减少使用自变量 后期开发维护困难

1. let：生明是无法重复定义的

2. const : 兼容了let const 声明的是常量 不能改变值

复杂数据类型

1. 数组：一个变量对应多个值

   1. 创建数组：

      1. 使用数组函数：let arr1 =Array();

      2. 使用new关键字： let arr2=new Array();

      3. 字面量或直接赋值：let arr3=[1,2,3,4,5];

函数

• 意义：用来执行一系列代码

• 函数定义是不会自己执行的，需要手动调用函数

let v1=10;//全局变量
function hello(){
    let v2=10;//局部变量
    console.log("我是hello函数");
    console.log(v1+5)
}
//调用函数
hello();
//()有小括号就是函数
//{}函数的体
console.log(v1);//作用域

• 作用域

1. 带有返回值的函数

function add(){
            let num1=10;
            let num2=20;
            // console.log(num1+num2);
            return num1+num2;
        }
        // let result=add();
        console.log(add());
//输出结果为30

2. 带有参数的函数

 function add(num1,num2){
                return num1+num2;
            }
 console.log(add(1,3));

• 函数中不可以定义函数，但是以可调用函数。

• return的作用：返回 和 结束函数执行的作用。

弹窗

1. alert：警告弹窗。

2. confirm：带有确认和取消的弹窗，有返回值的 确定是true取消是false

3. prompt：带有文本框的弹窗，有返回值的，就是文本框的内容

4. alert:没有返回值

   • \t 制表符 \n 换行符 \r 弹窗中的

逻辑判断，流程控制, 运算符

运算符

1. 算数运算符： +、 -、 *、 /、 %(取余)

2. 赋值运算符： =、 +=、 -=、 *=、 /=

3. 比较运算符： > < >= <= != == 得到的结果是boolean true和false

4. 逻辑运算符： 与 （ 并且）&& 或 （或者）|| 非 !

5. 三元运算符：语法格式：表达式 ? 表达式1 : 表达式2

• +：可以作为链接符,如果先认为+为链接符之后元素都会连接起来

• -*/ ：可以进行类型转换，如果转不了结果为NaN (Not a Number)

条件判断

1. if...else:

• 语法：

if( /*条件表达式*/){
  // 要执行的代码
   }else{
    //要执行的代码
}

• if...else:是可以嵌套的（原则上不超过三层）

2. switch:

• 语法：

switch (/*表达式*/){
        case 选项1:
            要执行的代码
        case 选项2:
        要执行的代码
        case 选项3:
        要执行的代码
        ...
        default;
        要执行的代码
        }

• 当表达式的值在case中匹配成功，会执行对应的代码，但是停不下来，后面的代码会执行

• 怎么选：当需求为区间时用if

  • if...else:基本啥都能干

  • 当需求为固定值时，且值不多时用switch...case

• 相似子处：

  • 几乎所有的switch...case都可以转换为if...else

  • default 相当于 else

  • case 几乎相当于 if

• 不同之处：

  • switch 需要 break

总结

1. js的引入。应该写在什么位置

2. 数据类型

3. 变量的定义和声明

4. 弹窗 三种

5. 函数 （重点）

6. return的作用

7. 变量的作用域

8. 运算符

9. typeof isNaN

10. 三元运算符

11. 流程控制语句 两个流程之间的嵌套