JS中变量和函数的使用

落日映苍穹つ 2022-01-20 10:23 252阅读 0赞

## 一.变量的使用 ##

顾名思义，变量就是一个可以改变的量。在编程中，我们通常把一个用来存贮数据的容器叫做变量。

一个变量有两部组成：变量名和变量值

变量本质是就是一块内存空间，变量名指内存空间的别名，变量值指内存空间的数据。

声明变量，也可以理解为创造一个变量，需通过使用关键字来进行声明，其格式一般为

关键字 变量名            例： var a 
    复制代码

或者在声明的同时对变量进行定义

关键字 变量名：变量值    例： var a = 1
    复制代码

对于变量来说，关键字有两个，一个是**var**，一个是**let**。

使用**var**的变量不足之处 :

> 1.  声明提前，也就是会对变量进行提升，所有的变量都会被提升到全局作用域中
> 2.  可重复声明变量，后面的变量会覆盖前面的变量
> 3.  可以省去**var**，也就是说我们无法分辨出该变量是否已经被声明

使用**let**则可以避免**var**的许多不足，在使用**let**关键字声明变量时：

> 1.  它会创建一个块级作用域，在块级作用域以外的位置无法访问这个变量
> 2.  不支持重复声明变量，这样也可以用来检测我们是否之前用**let**声明过这个变量

有兴趣的可用下面一个简单的js来测试一下**var**与**let**的不同之处

for(var/let i = 0; i<10; i++){
        setTimeout(function(){
            console.log(i)
        },1000)
    }
    复制代码

## 二.函数的使用 ##

函数就是一个对象，可以封装一些功能（代码），在需要的时候可以执行这些功能（代码）。

### 1. 函数的创建 ###

常用的创建函数有两个方法：

1.  使用函数声明来创建一个函数
    
        语法：  function 函数名（[形参1，形参2，...形参n]）{语句}
        复制代码
2.  使用函数表达式来创建一个函数
    
        语法： var 函数名 = function([形参1，形参2，...形参n]){语句}；
        复制代码

二者之间的区别在于使用函数声明形式创建的函数与 **var** 一样，被提升到全局作用域中，会在所有的代码执行之前被创建，使用函数表达式创建的函数不会被提升。

其中，形参可写可不写，可以在函数的（）中指定一个或多个形参（形式参数），声明形参就相当于在函数内部生命了对应的变量，但并没有赋值（在函数外面是不能访问函数中的形参）。

### 2.函数的调用 ###

在调用函数时，使用 **函数名（）；** 的形式进行调用，可在（）中指定实参（实际参数），实参将会赋值给对应的形参（以顺序赋值），多余的实参不会被赋值，如果实参较少，则少的实参会被定义为underfined。

在\{ \}的语句中，可以使用**return**来设置函数的返回值（可以是任意值）

语法：   return 返回值；
    复制代码

return后的值将作为函数的执行结果返回，可以定义一个变量来接收，且在return后的语句都不会被执行。如果return后不跟任何值，则会返回underfined，不写return也会返回underfined。 **return只能返回一值，如果你要返回多值，请你把多个值放到一个容器（数组，对象）中** 。

### 3. 作用域 ###

**作用域就是指一个变量的作用的范围，在JS中，共有全局作用域和函数作用域两种作用域**

1.  全局作用域在页面打开时创建，在页面关闭时销毁，在全局作用域中有一个全局对象 **window** 它由浏览器创建，可以直接使用。
2.  函数作用域

> （1）. 函数作用域是在调用函数时创建，函数执行完后函数作用域销毁。

> （2）. 在函数作用域中可以可以访问到全局作用域的变量，在全局作用域中无法访问到函数作用域中的变量。

> （3）. 当在函数作用域中操作一个变量时，它会现在自身作用域中寻找，有就直接使用，没有则向上一级作用域中寻找，直到全局作用域，若还没有找到则报错。

--------------------