day10-JS函数基础

何为函数(function)

函数 = function 
​
我们去吃kfc.每次都是单点   薯条/可乐/上校鸡块/汉堡 --> 每次都是点这几个东西.都是单点很麻烦 --> 套餐
​
编程函数 --> 把一个会经常用到的功能包装起来.取一个有意义的名字.在需要时候的时候调用即可
    
js有很多内置好的函数:
    输出函数/输入函数/类型转换
    console.log()
    document.write()
    Number()
    prompt()
​
变量 = 保存数据
函数 = 保存代码

函数的基本使用

1.定义
    function 函数名(){
        函数内容
    }
​
    function fun(){
        alert('多喝热水')
    }
​
2.调用
    函数名()
    fun()
​
    输出语句(函数名())   //  调用函数,并输出返回值
    console.log(fun())
​
函数的命名规范:
    1.由数字,字母下划线组成
    2.区分大小写 Fun  fun
    3.不能数字开头 / 不能使用关键字
    4.自定义函数最好纯小写
    5.见名知意

返回值(return)

function 函数名(){
    函数内容
    return 返回值
}
​
函数= 做一件事
函数代码 = 做事的过程
函数返回值 = 做事的结果
​
如果你函数里的数据.想被继续使用(其他函数/程序).那就把数据return返回出去
如果你函数里的数据.只是看,不涉及使用.那就输出即可
​
返回值可以用来输出/赋值
    let 变量名 = 函数名()
    console.log(函数名())
​
没设置返回值的情况下.返回值默认为undefined

函数参数

形参: 没有具体的值.只是现在函数里占个位置 -- 定义阶段
实参: 有具体的值.在运行会取代形参 -- 调用阶段出现
​
我要拍一部戏 --> 琅琊榜
角色 -- 形参 -- 梅长苏 --> 先有这个角色,谁来演还不知道
演员 -- 实参 -- 胡歌 --> 演员出演了角色.在拍戏的过程中.胡歌就成为了梅长苏
​
为什么要有函数参数?
    让函数变得更加更灵活.让里面的数据不是定死的,而是可以灵活改变
​
必备参数: 有几个形参,就传几个实参. 不多也不少.如果少了.值为undefined
    function 函数名(参数1,参数2){
        函数内容
    }
    函数名(数据1,数据2)
​
默认参数: 在声明形参的时候就赋好值
    function 函数名(参数1,参数2=XXX){
        函数内容
    }
    函数名(数据1)

匿名函数(自执行函数)

1.你的函数只执行一次.懒得取名字
2.你的函数只执行一次.想让它自动执行.懒得加()调用
3.匿名函数一般是写在最前面，它才会执行. 如果要在下方执行,有两种方式
    1.在匿名函数前加上!
    2.在匿名函数前的一段代码最后加上;
​
语法:
    (function(形参){
        函数内容
    })(实参);
​
1.  ()
2.  (function(形参))
3.  (function(形参){
        函数内容
    })
4.  (function(形参){
        函数内容
    })(实参);

作用域

作用域指的就是一个数据能够被使用的范围
在JavaScript中.作用域一般是用{}来控制的
​
let和var核心区别就是作用域是不同的. 一个块级作用,一个是函数内作用 --> let会更严谨
​
作用域分为全局和局部:
    全局: 整个程序中,都可以自由使用的数据
    局部: 整个程序中,部分位置才能使用的数据(函数内)