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

🍅 作者:阿珊

🍅 作者简介:95后前端小姐姐,蓝桥签约作者,欢迎点赞、收藏、评论

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

🍅 包邮送书(每周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的,没有自身的)

 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 预解析:提前解析代码

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

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

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

函数调用的时候, 把会函数的声明提升到作用域的上面​​​​​​​

函数的声明提升到作用域

 f1();//调用  var num=20;//这个变量的声明会提升到变量使用之前  function f1() {    console.log(num);    //var num=10;  } function f1() {    console.log("小苏好猥琐");  } f1();   function f1() {    console.log("小苏没有助教猥琐");  } f1(); 

把变量的声明提前​​​​​​​

   var num;    console.log(num);    num=10;     function f1() {      console.log("哈哈,助教好猥琐哦");    }   //f1();//报错 

注意:预解析中,变量的提升,只会在当前的作用域中提升,提前到当前的作用域的最上面​​​​​​​

  function f1() {     console.log(num);//undefined     var num = 10;   }  f1();   console.log(num);//报错  

函数中的变量只会提前到函数的作用域中的最前面,不会出去

预解析会分段(多对的script标签中函数重名,预解析的时候不会冲突)​​​​​​​

 function f1() {    console.log(num);//undefined    var num=10; } f1(); console.log(num);// function f1() {   console.log("哈哈"); }

 

添加公众号「信息技术智库」:

🍅 硬核资料:20G,8大类资料,关注即可领取(PPT模板、简历模板、技术资料)
🍅 技术互助:技术群大佬指点迷津,你的问题可能不是问题,求资源在群里喊一声。
🍅 面试题库:由各个技术群小伙伴们共同投稿,热乎的大厂面试真题,持续更新中。
🍅 知识体系:含编程语言、算法、大数据生态圈组件(Mysql、Hive、Spark、Flink)、数据仓库、前端等。

👇👇送书抽奖丨技术互助丨粉丝福利👇👇

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/494554.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

反思腾讯:大数据与AI时代的危与机

来源&#xff1a;华尔街见闻摘要&#xff1a;过去十数年&#xff0c;腾讯从一个桌面即时通讯工具进化成为一个庞大的数字帝国&#xff0c;是全球互联网公司失控性进化的先行者和光辉典范。过去十数年&#xff0c;腾讯从一个桌面即时通讯工具进化成为一个庞大的数字帝国&#xf…

poj 1015(dp)

看的解题报告。。http://blog.csdn.net/lyy289065406/article/details/6671105 View Code 1 #include <iostream>2 #include <cstdio>3 #include <cstring>4 #include <algorithm>5 6 using namespace std;7 8 int dp[22][805];9 int path[22][805]; …

cocos2dx实现经典飞机大战

游戏开始层 #ifndef __LayerGameStart_H__ #define __LayerGameStart_H__ #include "cocos2d.h" USING_NS_CC;class LayerGameStart :public CCLayer { public:static CCScene * scene();CREATE_FUNC(LayerGameStart);bool init();void addStartGamePicture();void …

【包邮送书活动】20211018期-开奖通知

奖品&#xff1a;包邮实体书 参与方式&#xff1a;CSDN点赞评论收藏文章即可参与、或公众号 开奖通知方式&#xff08;老是有人中奖联系不上&#xff0c;我很郁闷&#xff09;&#xff1a;朋友圈、blink、私信、发文 抽奖程序说明&#xff1a;https://notomato.blog.csdn.ne…

Cocos2dx实现象棋之布局

开始界面 #ifndef SCENESTART_H #define SCENESTART_H #include "cocos2d.h" #include "SceneGame.h" USING_NS_CC;class SceneStart : public CCLayer { public://SceneStart();static CCScene * scene();CREATE_FUNC(SceneStart)bool init();bool ccTou…

《画解算法》3. 无重复字符的最长子串【python3丨简单】

&#x1f345; 作者主页&#xff1a;不吃西红柿 &#x1f345; 简介&#xff1a;CSDN博客专家、C站总榜第8&#x1f3c6;、HDZ核心组成员。欢迎点赞、收藏、评论 给定一个字符串 s &#xff0c;请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: s "abca…

【关注】人类的智力是如何发展起来的?《自然》发布三大科学假说

来源&#xff1a;天大神经工程摘要&#xff1a;我们人类的远祖——著名的阿法南方古猿Lucy生活在三至四百万年前&#xff0c;身体构造介于现代人类与动物之间。我们人类的远祖——著名的阿法南方古猿Lucy生活在三至四百万年前&#xff0c;身体构造介于现代人类与动物之间。南方…

工业4.0进行时:增强现实技术如何变革制造业

来源&#xff1a;资本实验室摘要&#xff1a;说到增强现实&#xff0c;很多人可能首先会想到曾在一夜之间席卷全球&#xff0c;风靡世界的精灵宝可梦AR游戏。聚焦前沿科技创新与传统产业升级说到增强现实&#xff0c;很多人可能首先会想到曾在一夜之间席卷全球&#xff0c;风靡…

我不藏了:7个技术体系、共100篇文章、总计1OO万字

&#x1f345; 作者主页&#xff1a;不吃西红柿 &#x1f345; 简介&#xff1a;CSDN博客专家、C站总榜第8&#x1f3c6;、HDZ核心组成员。欢迎点赞、收藏、评论 &#x1f345; 粉丝专属福利&#xff1a;知识体系、面试题库、技术互助、简历模板。文末公众号领取 &#x1f345…

车联网解决方案(PPT)

来源&#xff1a;智车科技未来智能实验室是人工智能学家与科学院相关机构联合成立的人工智能&#xff0c;互联网和脑科学交叉研究机构。未来智能实验室的主要工作包括&#xff1a;建立AI智能系统智商评测体系&#xff0c;开展世界人工智能智商评测&#xff1b;开展互联网&#…

刚入职场的菜鸟,这些大数据知识点,你必须掌握了!

一、Hadoop入门 1、常用端口号 hadoop3.x HDFS NameNode 内部通常端口&#xff1a;8020/9000/9820 HDFS NameNode 对用户的查询端口&#xff1a;9870 Yarn查看任务运行情况的&#xff1a;8088 历史服务器&#xff1a;19888 hadoop2.x HDFS NameNode 内部通常端口&#xf…

Google发布“多巴胺”开源强化学习框架,三大特性全满足

&#xfeff;&#xfeff;编译整理 | Just编辑 | 阿司匹林来源&#xff1a;AI科技大本营强化学习是一种非常重要 AI 技术&#xff0c;它能使用奖励&#xff08;或惩罚&#xff09;来驱动智能体&#xff08;agents&#xff09;朝着特定目标前进&#xff0c;比如它训练的 AI 系统…

5万成员丨CSDN 大数据领域网红社区!

一、社区愿景 社区地址&#xff1a;https://bbs.csdn.net/forums/ITID 我的梦想很大&#xff0c;大到致力于打造大数据领域第一社区&#xff0c;赋能中国技术社区蓬勃发展。 我的“格局”很小&#xff0c;小到每一篇优质文章&#xff0c;都会不吝啬加精&#xff0c;置顶。 …

坦克大战实现

先将常用的函数与头文件&#xff0c;宏定义等写到一个公共类中 #ifndef __Common_H__#define __Common_H__#include "cocos2d.h"#include "SimpleAudioEngine.h"#include "cocos-ext.h"USING_NS_CC;USING_NS_CC_EXT;#define winSize CCDirector:…

汽车传感器:自动驾驶“第一步”,新兴领域中国有望突围

来源&#xff1a;&#xff08;中金公司&#xff1a;黄乐平 &#xff09;摘要&#xff1a;从L3级量产车奥迪A8&#xff0c;到L4级量产巴士百度阿波龙&#xff0c;L3级自动驾驶已逐渐开始落地量产。位处产业链上游的汽车传感器行业最先感受到春意&#xff0c;各种技术路线争鸣&am…

怎么改变asp.net中.sln文件的默认生成路径

转自&#xff1a;http://zhidao.baidu.com/question/149657564.html 你新建解决方案就可以改 转载于:https://www.cnblogs.com/hellolong/articles/2801731.html

腾讯阿里是否开始走向没落,用新互联网大脑模型分析

前言&#xff1a;虽然腾讯面临头条、抖音、陌陌、钉钉等新兴社交平台挑战&#xff0c;阿里面临海尔COSMOPlat&#xff0c;三一重工树根互联、美国GE Predix、德国西门子Mindsphere等工业互联网平台的挑战&#xff0c;但其核心优势依然存在&#xff0c;积累势能继续提高&#xf…

这5个超级经典SQL都不会,回去等通知吧

&#x1f345; 简介&#xff1a;CSDN博客专家&#x1f3c6;、信息技术智库公号作者✌ 简历模板、PPT模板、学习资料、面试题库、技术互助【关注我&#xff0c;都给你】 &#x1f345; 欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 一、每门课程问题 用一条 SQL 语句…

12.4scrum report

转载于:https://www.cnblogs.com/76er/archive/2012/12/04/2802336.html

从《2018年全球创新指数报告》看中国创新力!

作者&#xff1a;杨柯巍 张原编辑&#xff1a;煜 佳来源&#xff1a;中国电子信息产业发展研究院摘要&#xff1a;2018 年7 月10 日&#xff0c;世界知识产权组织&#xff08;WIPO&#xff09;、美国康奈尔大学和欧洲工商管理学院&#xff08;INSEAD&#xff09;共同发布《2018…