什么是函数
函数就是可以重复执行的代码块。
为什么要使用函数
因为一部分代码使用次数可能会很多,所以封装起来,需要的时候调用就可以了。
1.变量和作用域(隐式全局变量和变量声明提升)
1.1变量和作用域(函数中的变量需要函数执行后才能使用)
全局变量(成员变量)
哪里都可以访问到的变量。(进入script立即定义的变量和没有var的变量)
局部变量
函数内部的变量,只有函数内部可以访问到。(函数内部用var定义的变量和形参)
1.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就不是隐式全局变量(逗号)}
1.3变量声明提升(出现原因:预解析)
函数中,定义变量在使用变量之后。提升变量名,不提升变量值,容易出现undefined。计算后形成NaN。
function fn(){// var aaa;console.log(aaa);var aaa = 1; }
//提前看一眼这个习惯叫什么呢? 预解析!
//变量声明提升:在预解析的时候,成员变量和函数,被提升到最高位置,方便其他程序访问。
//变量声明提升特点:成员变量只提升变量名,不提升变量值。但是,函数是所有内容全部提升。(function直接定义的)
//函数范围内照样会出现变量声明提升
//什么情况容易出现变量声明提升:使用变量在定义变量之前
1.4 Es6 let和 const 命令
1.let:ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
let声明的变量只在它所在的代码块有效,如下的for循环,let声明的变量只在for循环内的代码块生效(块级作用域),在其外是无法访问到的。
for (let i = 0; i < 10; i++) { // ...console.log(i);// 0,1,2,3,4,5,6,7,8,9}console.log(i);// ReferenceError: i is not defined
var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,不存在变量提升,否则报错。
// var 的情况console.log(foo); // 输出undefinedvar foo = 2;// let 的情况console.log(bar); // 报错ReferenceErrorlet bar = 2;
2.const:声明一个只读的常量。一旦声明,常量的值就不能改变,就必须立即初始化,不能留到以后赋值。对于const来说,只声明不赋值,就会报错。
const的作用域与let命令相同:只在声明所在的块级作用域内有效,只能在声明的位置后面使用。
if (true) { const MAX = 5; } MAX // Uncaught ReferenceError: MAX is not defined
1.5 返回值问题
如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined,
如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
函数使用return语句后,这个函数会在执行完 return 语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行。
//打印函数名,就等于打印整个函数。 console.log(fn); //打印执行函数,就等于打印函数的返回值。 console.log(fn()); //函数中包函数,先执行里面,后执行外面。 function fn(){ var arr = [1,3,3]; }
小知识
1函数不调用不执行
2函数名就等于(整个函数),打印函数名,就是等于打印整个函数的代码;打印函数名及括号参数,就是打印该函数的返回值
3加载函数的时候,只加载函数名,不加载函数体
4参数相当于局部变量
5就近原则使用变量
6两个平级的函数中的变量不会相互影响(可以使用同样的形参名)
作者:费莱姆
链接:https://www.jianshu.com/p/9cf67a53274e