JS函数

1、函数概述

1.1、什么是函数

函数就是可以重复执行的代码块

1.2、为什么要用函数

因为一部分代码使用次数可能会很多,所以封装起来,需要的时候调用就可以了,

1.3、函数的定义

关键字function。
function 函数名(){程序}

1.4、参数

参与运算的变量

1.5、形参

形式上参与运算的变量,无实际值,为实参占位置,就像一个驱壳一样(可以理解为函数的内部变量外部无法访问)

1.6、实参

实际参与运算的变量。形参为他占位置,真实参与运算的变量

1.7、返回值

有  return函数就有值;没有return函数就没值;

函数程序运行后的结果外部需要使用的时候,我们不能直接给予,需要通过return返回。
总结:函数内部,return后面的值就是返回值。
作用:函数执行后剩下结果就是返回值。
函数执行完毕,会不会留下点什么,取决于有没有返回值,
var temp = 函数名()=(功能)+该函数的返回值;

1.8、注意

1、如果函数没有显示的使用return语句,那么函数有默认的返回值:undefined
2、如果 函数使用return语句,那么跟在return后面的值,就成函数的返回值。
3、如果函数使用return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
4、函数使用return语句后,这个函数会执行完return语句之后停止并立即退出,也就是说return后面的所有其他代码都不会执行

2、函数名、函数体和函数加载问题

2.1函数名是什么?

函数名==整个函数。

function(){alert(1)};
console.log(fn)==console.log(function fn(){alert(1)});

2.1、函数加载问题

js加载的时候,只加载函数名,不加载函数体。所以如果想使用内部的成员变量,需要调用函数。

3、函数定义

3.1、函数声明(自定义声明)

  function f(a,b) {
        return a + b; }
  console.log(f(5,6));

3.2、函数表达式

var myFun=function(a,b){
  return a+b;
}
console.log(myFun(6,7));

4、变量和作用域(隐式全局变量和变量声明提升)

4.1、函数中的变量需要函数执行后才能使用

一、全局变量(成员变量)
哪里都可以访问到的变量。
(进入script立即定义的变量和没有var的变量)
二、局部变量
函数内部的变量,只有函数内部可以访问到。
(函数内部用var定义的变量和形参)

4.2、隐式全局变量

隐式全局变量就是隐藏的全局变量不好被发现。

function  fn(){
var  a  =  b  =  c  =  1;   // b和c就是隐式全局变量
}
注意:
function  fn(){
var  a  =  b  =  c  =  1;   // b和c就是隐式全局变量(等号)
var  a = 1;  b = 2;  c = 3;     // b和c就是隐式全局变量(分号)
var  a = 1 ,  b = 2 ,  c = 3;    // b和c就不是隐式全局变量(逗号)
}

4.3、变量声明提升(出现原因:预解析)

函数中, 定义变量在使用变量之后。
值提升变量名,不提升变量值,容易出现undefined。计算后形成NaN。

function fn(){
  //var aaa;
console.log(aaa);
var aaa=1;
}

提前看一眼这个习惯叫什么呢? 预解析!
变量声明提升:在预解析的时候,成员变量和函数,被提升到最高位置,方便其他程序访问。
变量声明提升特点:成员变量只提升变量名,不提升变量值。但是,函数是所有内容全部提升。(function直接定义的)
函数范围内照样会出现变量声明提升
什么情况容易出现变量声明提升:使用变量在定义变量之前。

5、小知识

函数不调用不执行
函数名就等于(整个函数)
加载函数的时候,只加载函数名,不加载函数体
参数相当于局部变量
就近原则使用变量
两个平级的函数中的变量不会相互影响(可以使用同样的形参名)

6、函数高级

匿名函数
定义:匿名函数就是没有名字的函数。
作用:
1.不需要定义函数名的时候。(群众演员没必要起名,百万雄师下江南)
2.书写起来更简便。
匿名函数的调用有三种方法:
一、直接调用或自调用。(function(){alert(1)})()
二、事件绑定。
三、定时器。

你可能感兴趣的:(JS函数)