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

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip204888 （备注网络安全）

正文

局部变量:

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

注意:

块级作用域:一对大括号就可以看成是一块,在这块区域中定义的变量,只能在这个区域中使用,但是在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的,没有自身的)

 function isPrimeNumber(num) {    for (var i = 2; i < num; i++) {      if (num % i == 0) {        //说明有一个数字整除了，就没有必要向后继续整除了，       //此时就已经验证出不是质数       return false;      }   }   return true;  }//  console.log(isPrimeNumber(7) ? "yyyyyes" : "nnnnnno") var aa = isPrimeNumber(17);  if (aa) {    console.log("yes");  } else {    console.log("no");  }
 function isPrimeNumber(num) {    for(var i=2;i<num;i++){      if(num%i==0){        //说明有一个数字整除了,就没有必要向后继续整除了,此时就已经验证出不是质数       return false;      }   }   return true;  } console.log(isPrimeNumber(8)?"是质数":"不是质数"); 
    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 sortArray(arr) {       //控制比较的轮数      for (var i = 0; i < arr.length - 1; i++) {         //控制每一轮的比较次数        for (var j = 0; j < arr.length - 1 - i; j++) {           if (arr[j] > arr[j + 1]) {             var temp = arr[j];             arr[j] = arr[j + 1];             arr[j + 1] = temp;           }//end if        }//end for      }//end for      return arr;    }    console.log(sortArray([0, 19, 34, 10, 100, 2])); 

求一个数字的阶乘​​​​​​​

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 函数作为参数使用

函数是有数据类型,数据类型:是function类型的

函数可以作为参数使用,如果一个函数作为参数,那么我们说这个参数(函数)可以叫回调函数 只要是看到一个函数作为参数使用了,那就是回调函数​​​​​​​

function sayHi(fn) {   console.log("GOOD");   fn();//fn此时应该是一个函数}function suSay() {   console.log("HELLO"); }sayHi(suSay); function f1(x,y) {   console.log(x+y); }f1(10,20); function f2(x,y) {   console.log(x+y); }f2("HLS","MISS"); function f3(x) {   console.log(x); }f3(true);

04 arguments

计算n个数字的和

定义一个函数,如果不确定用户是否传入了参数,或者说不知道用户传了几个参数,没办法计算,但是如果在函数中知道了参数的个数,等于也知道了每个参数的值.​​​​​​​

//定义function f1() {   //获取的是函数在调用的时候,传入了几个参数  //console.log(arguments.length);   //使用arguments对象可以获取传入的每个参数的值  console.log(arguments); } f1(10,20,30,40,100,200);//调用 ​​​​​​​

 function f1() {    //arguments----->数组使用------伪数组---   var sum=0;    for(var i=0;i<arguments.length;i++){      sum+=arguments[i];    }   return sum;  } console.log(f1(10,20,30)); 

05 预解析:提前解析代码

预解析:**就是在解析代码之前,**预解析做什么事?

把变量的声明提前了----提前到当前所在的作用域的最上面

函数的声明也会被提前—提前到当前所在的作用域的最上面

本人从事网路安全工作12年，曾在2个大厂工作过，安全服务、售后服务、售前、攻防比赛、安全讲师、销售经理等职位都做过，对这个行业了解比较全面。

最近遍览了各种网络安全类的文章，内容参差不齐，其中不伐有大佬倾力教学，也有各种不良机构浑水摸鱼，在收到几条私信，发现大家对一套完整的系统的网络安全从学习路线到学习资料，甚至是工具有着不小的需求。

最后，我将这部分内容融会贯通成了一套282G的网络安全资料包，所有类目条理清晰，知识点层层递进，需要的小伙伴可以点击下方小卡片领取哦！下面就开始进入正题，如何从一个萌新一步一步进入网络安全行业。

学习路线图

其中最为瞩目也是最为基础的就是网络安全学习路线图，这里我给大家分享一份打磨了3个月，已经更新到4.0版本的网络安全学习路线图。

相比起繁琐的文字，还是生动的视频教程更加适合零基础的同学们学习，这里也是整理了一份与上述学习路线一一对应的网络安全视频教程。

网络安全工具箱

当然，当你入门之后，仅仅是视频教程已经不能满足你的需求了，你肯定需要学习各种工具的使用以及大量的实战项目，这里也分享一份我自己整理的网络安全入门工具以及使用教程和实战。

项目实战

最后就是项目实战，这里带来的是SRC资料&HW资料，毕竟实战是检验真理的唯一标准嘛~

面试题

归根结底，我们的最终目的都是为了就业，所以这份结合了多位朋友的亲身经验打磨的面试题合集你绝对不能错过！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip204888 （备注网络安全）
[外链图片转存中…(img-Mk4DeXSz-1713464210208)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！