【举栗说明】JavaScript作用域，一次性给你总结！

**🍅 粉丝专属福利：**知识体系、面试题库、技术互助、简历模板。文末公众号领取

🍅 包邮送书（每周1-2次）：关注公众号「信息技术智库」回复「送书」

本文重点

函数案例
函数作为参数使用
arguments
作用域：写代码要注意变量的在哪声明和使用的问题
预解析：什么叫预解析, 什么东西发生了什么事

01 作用域:使用范围

全局变量:

声明的变量是使用var声明的,那么这个变量就是全局变量,
全局变量可以在页面的任何位置使用
除了函数以外,其他的任何位置定义的变量都是全局变量
如果页面不关闭,那么就不会释放,就会占空间,消耗内存
全局作用域:全局变量的使用范围

局部变量:

在函数内部定义的变量,是局部变量,外面不能使用
局部作用域:局部变量的使用范围

注意:

块级作用域:一对大括号就可以看成是一块,在这块区域中定义的变量,只能在这个区域中使用,但是在js中在这个块级作用域中定义的变量,外面也能使用;

说明:js没有块级作用域,只有函数除外

隐式全局变量:声明的变量没有var,就叫隐式全局变量

全局变量是不能被删除的,隐式全局变量是可以被删除的

定义变量使用var是不会被删除的,没有var是可以删除的

function f1() { ``number=1000;//是隐式全局变量 }``f1();``console.log(number);

var num1=10;`` num2=20; `` delete num1;//把num1删除了 `` delete num2;//把num2删除了 `` console.log(typeof num1); `` console.log(num1+10); ``console.log(typeof num2);

num=100; console.log(num);

function f1() { `` var num=100; ``num+=10; }``f1();//这个函数结束之后

{ var num=10;``console.log(num);//10 }``console.log(num);

if(true){ ``var num=10; }``console.log(num); for(var i=0;i<5;i++){ ``var number=20; }``console.log(number); `` var i=0; `` while (i<5){ `` var num=100; `` i++; `` } console.log(num);

function f1() { ``var num=10; }``f1(); console.log(num);

var num=10; console.log(num);//10

作用域链

var num=10;`` function f1() { `` var num=20; `` function f2() { `` var num=30; `` function f3() { `` var num=50; `` console.log(num); `` } f3();`` } f2();`` } f1();

03 函数案例

求2个数中的最大值

function getMax(num1, num2) {`` return num1 > num2 ? num1 : num2; `` } console.log(getMax(10,20));`` //console.log(getMax);//函数的代码 function getMax(num1, num2) {`` return num1 > num2 ? num1 : num2; `` } var num1=10;`` var num2=20; `` //函数外面的num1和函数的形参num1不是同一个变量 var result=getMax(num1,num2);`` console.log(result); ``console.log(getMax);//函数的代码

求3个数中的最大值

function getThreeMax(x, y, z) {`` return x > y ? (x > z ? x : z) : (y > z ? y : z); `` } console.log(getThreeMax(10,2,24));

判断一个数是否是素数(质数),只能被1和自身整除，质数是从2开始

用这个数字和这个数字前面的所有的数字整除一次(没有1的,没有自身的)

var result=isPrimeNumber(2);`` if(result){ `` console.log("这个数字是质数"); `` }else{ `` console.log("这个数字不是质数"); `` }

function aaa(x,y){`` return x-y; `` } console.log(aaa(99,88))

通过函数实现数组反转

function reverseArray(arr) {`` for (var i = 0; i < arr.length / 2; i++) { `` var temp = arr[i]; `` arr[i] = arr[arr.length - 1 - i]; `` arr[arr.length - 1 - i] = temp; `` } return arr;`` } console.log(reverseArray([1, 2, 3, 4, 5]));

通过函数实现冒泡排序

求一个数字的阶乘

function getJieCheng(num) { `` var result = 1; `` for (var i = 1; i <= num; i++) { `` result *= i; `` } return result; }``console.log(getJieCheng(5));//1*2*3*4*5

求斐波那契数列

function getFib(num){`` var num1=1; `` var num2=1; `` var num3=0; `` for(var i=3;i<=nnum;i++){ `` sum=num1+num2; `` num1=num2; `` num2=sum; `` } return sum;`` } console.log(getFib(12))

02 函数作为参数使用

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！