JS笔记（03）

switch语句

switch 语句用于基于不同的条件来执行不同的动作，使用 switch 语句来选择要执行的多个代码块之一。switch后面的小括号是要匹配参数的，通常是变量，但也可以是表达式，随后表达式的值会与结构中的每个 case 的值做比较。如果与某个case相匹配，那么该case后面的所有代码都会执行，一直到switch的大括号结束。但当需要执行被匹配的case的代码时，就要使用 break 来阻止代码自动地向下一个 case 运行。例如：

 

 

while语句

while 循环只会在指定条件为真时循环执行代码块，当指定条件为假时，就会结束循环。例如：

var i = 20

        while (i >= 0) {

            console.log("使用一次业务")

            i--

        }

打印21次使用业务

do-while语句

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。例如：

 var i =3;

        do {

            console.log(i)

            i++

        }

        while (i < 5)

打印值为3 4

break和continue语句

break和continue语句都是用来控制循环结构的，主要作用是停止循环。

1.break语句

用于跳出一个循环体或者完全结束这个循环以及该循环体的外层循环，并开始执行循环代码之后的代码。但当break语句出现在switch语句中时，其只跳出该switch语句，并不能终止程序的运行。（只在循环体和switch语句中使用，不带标签引用的break 语句，只能用在循环或 switch 中。 ）例如：

 for (var i = 0; i < 5; i++) {

            if (i == 3) { break }

            for (var j = 0; j < 5; j++) {

                if (j == 3) { break }

                else { console.log(j) }

            }

        }

此时控制台打印三次0 1 2

2.continue语句

用于跳过循环中的一个迭代，继续执行下一个迭代（如果有的话），即只跳过该循环体中的尚未执行的语句，可以接着进入下一次循环。例如：

  var n = 0

        while (n < 5) {

            n++

            if (n == 3) { continue }

            console.log(n)

        }

此时控制台打印1 2 4 5

JS中的标签语言

标签语句，在语句之前加上冒号：可标记 JavaScript 语句。语法如下：label: statements

JS中的错误机制

一般错误信息有两种，一种是代码错误，浏览器会自动抛出错误，还有一种是业务错误，是代码在运行的过程中主动调用throw语句并抛出。

1.throw抛出异常

立即停止正在执行的程序，跳转至就近的逻辑异常处理程序，throw抛出异常该异常可以是 JavaScript 字符串、数字、逻辑值或对象。例如：

var age = 17

        if (age >= 22) {

            console.log("可以结婚")

        } else {

            throw new Error("66666")

        }

 2.try-catch-finally语句

try-catch-finally是JavaScript的异常处理机制。语法如下:

try{
       //我们自认为没有错误的 处理业务的代码
    }
catch(e){
       //上面的业务处理代码报错了，这里才会执行
       //console.log(e);
    }
finally{
       //这里总是会执行的，领导总结发言
    }
    //语句

with语法

with语句用于临时扩展作用域链，主要场景是针对一个对象反复操作，这时侯将代码作用域设置为该对象能提供便利。例如：

对象的基本语法

对象是一对一对的，被称为键值对，键指的是属性名，值就是属性值，可以为js中的任何数据，对像的成员间必须用逗号隔开，而对象的成员操作类似于变量中的存值和取值。在存储属性值时，该属值存在就更新，如果不存在就创建属性并存入值。在取属性值时如果该属性值存在就取最后一次存入的值，如果该属性不存在就undefined。例如：

 var obj = { "a": 100, b: "hello", c: { title: "标题" } };

        obj.b = 666;

        obj.x = 90;

        console.log(obj)

        console.log(obj.x)

        console.log(obj.y)//undefined 

        console.log(y)

数组的基本语法

数组数据类型是引用数据类型，数据于是存储在堆区中的，数组中的数据用逗号隔开，每一个都数据有对应的编号，即下标，下标默认是从0开始的，可以通过下标操作数组中的某个数据。例如：

 var arr = [0, 1, 2, 3,4,5,6,7,8,9,10]

        for (var i = 1; i <=10; i=i+2) {

            console.log(arr[i])

        }

此时控制台打印的是下标为奇数的元素。

函数

1.函数可以无限次完成特定功能代码块，用于代码重组和组织代码，即把重复的逻辑代码封装起来，对外只提供一个简单的函数接口。而函数的执行体不会自己执行，调用一次函数才会执行一次函数中的代码，而且每次调用函数都是独立的。例如：

  function fn1() {

            var a = 100

            a--

            console.log(a)

            console.log(1);

            if (true) {

                console.log(2)

            }

            console.log(3);

        }

        fn1()

此时控制台打印出99 1 2 3。

2.形参和实参

在声明函数时，函数名后面的小括号可以添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。例如：

 function fn1(n) {

            var n;

            console.log(n + "Hello")

        }

     fn1(200)

fn1（n）中的n就是形参，而fn1（200）中的200就是实参，在调用函数的时候，实际参量是传递给形参的。

3.函数的返回值

在使用return语句时，函数会停止执行，并返回return后面指定的值，如果函数没有return，则返回值就是undefined。注意：return只会返回一个值，如果用逗号隔开也只会返回最后一个逗号后面的值。