梅科尔工作室-第六次网页前端培训笔记（JS基础语法）

前言

本文是JavaScript基础语法中运算符与控制语句、数组、函数的定义与参数、函数的调用、返回值与作用域的学习笔记。

---

1.运算符与控制语句

1.1.运算符

1.1.1.算数运算符

1.1.2.赋值与扩展运算符

1.1.3. 比较运算符

注意：双等于号和三等于号的区别，===要求值和类型都相等

1.1.4.逻辑运算符

 1.1.5.三目运算符

 若成立则取值为3，否者为5

1.2.控制语句

流程控制语句一共有三种:
1.流程执行:从上到下，从左到右

2.选择执行:分支选择

3.循环执行:重复执行

1.2.1.if语句

if (condition)
{
    当条件为 true 时执行的代码
}

1.2.2.if...else语句

if (condition)
{
    当条件为 true 时执行的代码
}
else
{
    当条件不为 true 时执行的代码
}

1.2.3.if...else if...else语句

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

1.2.4.switch语句

switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

1.2.5.for循环

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}
语句 1 （代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

1.2.6.while循环

while (条件)
{
    需要执行的代码
}

条件为真时将执行循环体内的代码

1.2.7.do/while循环

do
{
    需要执行的代码
}
while (条件);

1.2.8.break 和 continue 语句

break 语句用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）

continue 用于跳过循环中的一个迭代。

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

2.数组

数组是按次序排列的一组数据，每个值的位置都有编号（从0开始)，整个数组用方括号表示

2.1.数组定义

2.2.数组的操作

数组的下标从0开始

获取数组的值:数组名[下标];(若下标不存在则undefined）

设置数组的值:数组名[下标]=值;（若下标不存在则自动扩容）

获取数组的长度：数组名.length;

设置数组的长度:数组名.length =值;

了解：如果设置非整数型的下标，则会成为数组的属性，不计入数组的长度

设置属性：
数组名.属性名=值;

数组名["属性名"]=值;

获取属性:

数组名.属性名;

数组名["属性名"];

2.3.数组遍历

数组的遍历即依次访问数组的每一个元素，JS提供三种遍历数组的方式:

2.3.1.for循环遍历

2.3.2.for...in

2.3.3.forEach

 2.3.4.了解

2.3.5.一些操作数组的方法

 3.函数

函数，即方法。就是一段预先设置的功能代码块，可以反复调用，根据输入参数的不同，返回不同的值，函数也是对象。

3.1.函数的定义

3.1.1.函数声明语句（最常用）

 使用该方式定义的函数具有声明提升的效果

3.1.2.函数定义表达式

var变量名/函数名= function([参数列表]){

}

3.1.3.构造函数（了解）

var函数名=new FUnction([参数列表],函数体);

3.2.函数的参数

函数运行的时候，有时需要提供外部数据，不同的外部数据会得到不同的结果，这种外部数据就叫参数定义时的参数称为形参，调用时的参数称为实参。
1.实参可以省略，那么对应形参为undefined。（掌握）

2.若函数形参同名（(一般不会这么干)，在使用时以最后一个值为准。

3.可以给参数默认值:当参数为特殊值时，可以赋予默认值。

4.参数为值传递，传递副本;引用传递时传递地址，操作的是同一个对象。  

3.3.函数的调用

1.常用的调用方式：

函数名([实参]);

存在返回值可以变量接收，若接收无返回值函数则为undefined

2.函数调用模式：

3.方法调用模式：

3.4.return

函数的执行可能会有返回值，需要使用return语句将结果返回。return语句不是必需的，如果没有的话该函数就不返回任何值，或者说返回undefined
作用:

1.在没有返回值的方法中，用来结束方法

⒉.有返回值的方法中，一个是用来结束方法，一个是将值带给调用者

3.5.函数的作用域

函数作用域:包含全局和局部

1.全局变量与局部变量同名问题

函数中的局部变量不能被取出。

2.在函数中定义变量时，若没有加var关键字，使用之后自动变为全局变量

---

总结

以上为部分JavaScript基础语法中的部分知识总结。