1. 视频链接
【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili
2. 教程链接
JavaScript 运算符 | 菜鸟教程 (runoob.com)
3 运算符
运算符用于执行程序代码运算,会针对一个及其以上操作数来进行运算。
3.1 算术运算符
3.2 赋值和扩展运算符
3.3 比较运算符
3.4 逻辑运算符
3.5 三目运算符
4. 控制语句
我们写的JavaScript 代码都是按照从上到下依次执行,很多时候我们希望代码按照我们的意愿去执行,比如有选择性地执行某些代码,或者重复地执行某些代码,这就需要使用到流程控制语句。
流程控制语句一共有三种:
1.流程执行:从上到下,从左到右
2选择执行:分支选择
3.循环执行:重复执行
4.1 选择
4.1.1 单选择
首先执行条件
如果结果为true,则执行语句体;
如果结果为false,则结束if语句。
注意:若语句体只有一条语句,可以省略大括号,但不建议省略
4.1.2 双选择
4.1.3 多选择
4.1.4 switch结构
多个if ..else且值为定值时(即-===在比较运行结果时,采用的是严格相等运算符(===),而不是相等运算符(==),这意味着比较时不会发生类型转换。),可以使用switch替换:
break防止穿透,如果没有break,则继续执行后面的代码,直到遇到 break或全部执行完毕,但是有些时候会利用穿透。
4.2 循环
循环结构用于重复执行某个操作简单理解就是重复执行同类型的代码,它有多种形式。
1.while
先判断后执行
2. do while
先执行后判断,至少执行一次。
3. for
4. 死循环
条件永远成立,永远为true,则会产生死循环,下面是最简单的死循环
5. break与continue
break:停止本层循环
continue:暂停本次循环,继续下一次
4.3 数组
数组是按次序排列的一组数据,每个值的位置都有编号(从o开始),整个数组用方括号表示。
4.3.1 数组定义
JS中定义数组的三种方式如下(也可先声明再赋值)
4.3.2 基本操作
数组的长度可以通过length 属性来获取,并可以任意更改
数组中的每一个元素都可以被访问和修改,甚至是不存在的元素,无所谓越界
4.3.3 数组遍历
数组的遍历即依次访问数组的每一个元素,JS提供三种遍历数组的方式:
1. for循环遍历
2. for...in
3. forEach
4. 了解
4.3.4 数组提供的操作方法
Array对象为我们提供了一些方法,可以很方便地操作数组
4.4 函数
函数,即方法。就是一段预先设置的功能代码块,可以反复调用,根据输入参数的不同,返回不同的值。函数也是对象。
4.4.1 函数的定义
有三种函数定义的方式:函数声明语句、函数定义表达式、Function构造函数
4.4.1.1 函数声明语句
该种方式定义的函数具有声明提升的效果
4.4.1.2 函数定义表达式
以表达式方式定义的函数,函数的名称是可以不需要的
这种写法将一个匿名函数赋值给变量。这时,这个匿名函数又称函数表达式,因为赋值语句的等号右侧只能放表达式。
4.4.1.2 Fuction构造函数
Function构造函数接收任意数量的参数,但最后一个参数始终都被看成是函数体,而前面的参数则列举出了新函数的参数。
var fn03=new Function('a','b','return (a+b);');
console.log(fn03);
4.4.2 函数的参数
函数运行的时候,有时需要提供外部数据,不同的外部数据会得到不同的结果,这种外部数据就叫参数,定义时的参数称为形参,调用时的参数称为实参
实参可以省略,那么对应形参为undefined。
若函数形参同名(一般不会这么干),在使用时以最后一个值为准
可以给参数默认值:当参数为特殊值时,可以赋予默认值。
参数为值传递,传递副本;引用传递时传递地址,操作的是同一个对象。
4.4.3 函数的调用
1.常用调用方式
2.函数调用模式
3. 方法调用模式
4.4.4 return
函数的执行可能会有返回值,需要使用return语句将结果返回。return语句不是必需的,如果没有的话,该函数就不返回任何值,或者说返回undefined。
作用:
1.在没有返回值的方法中,用来结束方法。
2.有返回值的方法中,一个是用来结束方法,一个是将值带给调用者。
4.4.5 函数的作用域
函数作用域:全局(global variable)和局部(local variable)
1.全局变量与局部变量同名问题
2在函数中定义变量时,若没有加var关键字,使用之后自动变为全局变量