JavaScript基础二

一、if分支结构

单分支：
if (条件表达式) {}

双分支：
if (条件表达式) {
    代码块
} else {}

多分支：
fi (条件表达式) {
    代码块
} else if {
    代码块
} else {}

if嵌套

二、switch分支结构

switch (表达式) {
        case 值 :   代码; break;
        case 值 :   代码; break;
        default :     //上面条件没有满足时，执行
    }

三、循环结构

1、for循环

for (循环变量1；条件表达式2；循环变量增量3) {
        代码块4；
    }

    // for循环运行的顺序是: 1  243
    首先看循环变量，如果满足条件表达式，就运行循环代码，运行完毕后，再自增循环变量

 2、while循环

while (条件表达式) {
        代码块；
    }

 3、do...while循环

do {
        代码块；
    } while (条件表达式)；

    //执行顺序是：首先运行一次do作用域里的代码块，再执行条件表达式，如果不满足，就不再运行。
      do...while 至少运行一次

 4、for...in 和for...of

for...in循环
obj = {'name':'zhuyu','age':18}
for (k in obj) {
    console.log(k,obj[k]);   //这里的k是key值
}


for...of循环
iter = ['a','b','c']
for (i of iter)  {
    console.log(i)
}

注意：for...in  针对的是对象
     for...of  针对的是可迭代的对象


for ... in  如果循环的是可迭代对象的话，那么它的循环变量是索引
            如果不是可迭代对象的话，那么循环变量是key值
for ... of  只能循环可迭代的对象

四、异常处理

try {
        可能会出错的代码块
    }   catch(err) {
        异常处理代码块;
    }   finally {
        不管会不会出异常，都会执行这里的代码块；
    }

五、初级函数

1、函数的定义

ES5中
var func1 =  function(参数) {
                    函数体代码；
              }
function 函数名 (参数) {
        函数体代码；
       }

ES6中
let func2 = function(参数) {
        函数体代码
}

匿名函数
(function (参数列表) {
    函数体代码；
})

 2、函数的调用

　　函数的调用和python一样
　　函数名() 该传值就传值
　　注意：匿名函数没有函数名，匿名函数只能是它本体去调用

3、函数的参数

JavaScript中有位置参数，没有关键字参数，只有默认参数
默认参数和位置参数它们的位置并没有规定谁在前在后
python可以通过*args,**kwargs去接收多个参数，js中通过 ... 也可以实现
eg1:
    var func = function (a,b,c) {
        console.log(a,b,c)
    };
    func(100)
    那么abc的值为：100，undefined,undefined
eg2:
    var func = function (a) {
        console.log(a)
    };
    func(100,200,300)
    那么a的值为：100   //200，300就会被舍弃
eg3:
    var func = function (a,b=20,c，d=40) {
        console.log(a,b,c,d)
    };
    func(100,200,300)
    那么abcd的值为：100，200,300,40

 4、函数的返回值

　　return    可以返回任意JavaScript数据类型，但是只能有一个

六、初级事件

onload :等页面加载完毕，再执行操作。只对于window对象
onclick:鼠标点击事件
onmouseover:鼠标悬浮事件
onmouseout:鼠标移开事件
onfocus:表单元素获取焦点
onblur:表单元素失去焦点

七、JavaScript选择器

//通过id获取到页面的元素对象
document.getElementById('id名')
注意：getElementById()只能由document去调用

//通过class获取到页面的元素对象
document.getElementsByClassName('class名')
注意：这是获取页面所有class名的元素对象，所以这是一个数组类型，我们可以通过索引取到取到其中的一个对象，再进行其他操作

//通过tag获取到页面的元素对象
document.getElementsByTagName('标签名')
注意：这里和上面通过class获取元素对象是一样的，得到的是数组类型

//这是获取满足条件的第一个页面元素，
document.querySelector('css语法的选择器')

//获取到所有满足条件的页面元素
document.querySelectorAll('css语法的选择器')

八、JavaScript操作页面内容

先空着，过些天写好

九、js操作页面样式

先空着，过些天写好