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操作页面样式

先空着,过些天写好
原文地址:https://www.cnblogs.com/zhuchunyu/p/9791853.html