爆款云主机2核4G限时秒杀,88元/年起!
查看详情

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
热门活动
  • 618智算钜惠季 爆款云主机2核4G限时秒杀,88元/年起!
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 首保服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      JavaScript之函数,变量作用域,let(局部变量),const(常量)

      首页 知识中心 软件开发 文章详情页

      JavaScript之函数,变量作用域,let(局部变量),const(常量)

      2023-07-07 07:15:25 阅读次数:431

      JAVA,JavaSE,Web

      一.函数

      方法:面向对象特有的,它是对象的一部分,一个对象包含属性和方法

      函数:它的功能类似于方法,但是函数的写法是直接与类文件一体的,方法是包含在类文件中的,函数和类文件是一级目录

      JavaScript中的函数是包含在函数的定义方式一般用  function  来声明所有函数,他不同于其它高级语言,声明的时候一般是用数据类型(int , char ,double)

      1.定义函数方式一;

      <script>
              "use strict";
              function fun(x){
                  if(x >= 18){
                      return "成年人";
                  }else {
                      return "未成年";
                  }
              }
          </script>
      

        一旦执行到return 代表函数结束,返回结果!

      如果没有执行return,函数也会返回结果,结果就是undefined

      所以我们不难发现,要想JavaScript输出错误很难,从侧面也可以看出来它是一门十分随便的语言

      定义函数方式之二;

      <script>
              "use strict";
              var fun = function (x) {
                  if(x >= 18){
                      return "成年人";
                  }else {
                      return "未成年";
                  }
              }
          </script>
      

        

      fun(6)
      '未成年'
      fun(63)
      '成年人'
      

        function(x){....}这是一个匿名函数,可以把值赋给 fun  ,通过 fun 就可以调用函数

      方式二和方式一的定义等价

      2.参数问题

      JavaScript的函数可以传任意个参数,也可以不传参~

      假设不存在参数,如何规避?

      可以使用手动抛出异常来判断是否传参:

      <script>
              "use strict";
              var fun = function (x) {
                  //判断x的类型是不是数字
                  if(typeof x !== "number") {
                      throw "Not a number";
                  }
                  if(x >= 18){
                      return "成年人";
                  }else {
                      return "未成年";
                  }
              }
          </script>
      

        JavaScript之函数,变量作用域,let(局部变量),const(常量)

       多个参数传入

      arguments:是一个Js免费赠送的关键字;

      代表,传递进来的所有的参数,是一个数组!

         <script>
              "use strict";
              var fun = function (x) {
                  //判断x的类型是不是数字
                  console.log(`x=>${x}`);
                  for (let i = 0; i < arguments.length; i++) {
                      console.log(arguments[i]);
                  }
                  if(x >= 18){
                      return "成年人";
                  }else {
                      return "未成年";
                  }
              }
          </script>
      

        JavaScript之函数,变量作用域,let(局部变量),const(常量)

       arguments包含所有的参数,我们有时候只想要多余的参数,需要排除已经使用了的参数

      rest:

      ES6引入的新特性,获取在函数定义外,所传入的所有参数

         <script>
              "use strict";
              var fun = function (x,y,...rest) {
                  //判断x的类型是不是数字
                  console.log(`x=>${x}`);
                 console.log(rest)
                  if(x >= 18){
                      return "成年人";
                  }else {
                      return "未成年";
                  }
              }
          </script>
      

        rest参数必须写在最后面,必须用 ... 标识

       JavaScript之函数,变量作用域,let(局部变量),const(常量)

       rest也是一个数组

      二.变量的作用域

      (一).变量

      在JavaScript中,var的定义实际上是有 作用域的。

      假设在函数中声明,则在函数体外不可以使用~

      1.函数的中定义的变量只在函数类,外部不能使用,否则报错

       <script>
          function fun() {
            var x =1;
            x=x+1;
          }
          x=x+1;
          console.log(x); //Uncaught ReferenceError: x is not defined
      
        </script>
      

      2.在两个函数类,定义自己的变量,但是变量名一样,不会发生冲突,因为函数内部定义的作用域只在函数内,出了函数体自动失效

      <script>
          function fun() {
            var x =1;
            x=x+1;
          }
          function fun2() {
            var x= 2;
            x=x+1;
          }
      
        </script>
      

      3.内部函数可以访问外部变量,外部不能访问函数内部变量

      <script>
          var y =1;  //全局变量
          function fun() {
            var x =1;  //局部变量
            x=x+y;
          }
          var z = x+1;  //全局变量  引用局部变量
          console.log(z); //Uncaught ReferenceError: x is not defined
        </script>
      

      4.内部变量和外部变量重名

        <script>
          var x =1;  //全局变量
          function fun() {
            var x ='A';  //局部变量
            console.log(`inner:x=${x}`);
          }
          console.log(`outsider:x=${x}`);
        </script>
      

        互不影响,在外部调用则使用的是外部变量,在内部调用就使用的内部变量

      原因:JavaScript对于变量的查找机制是从内向外的,函数处于内部,当他要使用的变量在自己中可以找到时,就会使用自己的,如果找不到,就会向外部找,所以,当重名的变量名内部就会屏蔽外部的

      5.提升变量的作用域

      <script>
              function fun() {
                  var x = "x" + y;  //局部变量
                  console.log(x);  //x undefined
                  var y = 'y';
      
              }
          </script>
      

        执行结果是:x  undefined  而不是:Uncaught ReferenceError:   y   is not defined

      说明js在执行的时候自动提升了声明作用域,但是没有提升赋值作用域

      它就等同于以下代码:

      <script>
              function fun() {
                  var y ;
                  var x = "x" + y;  //局部变量
                  console.log(x);  //x undefined
                   y= 'y';
              }
          </script>
      

        这是js自动提升的声明作用域,所以这就是报错中很典型的声明在前,赋值在后,所以执行时不报错,但没有结果

      在Java中是要报错的:未初始化错误

       

      再后来的JavaScript程序猿都养成了习惯,规范的把所用变量的申明都放在前面,要使用变量在使用的函数段自行赋值就行了

      这是规范,不是约定

      <script>
              function fun() {
                  var y ,x,z,k,l,m;
                   x = "x" ;  //局部变量
                   y= 'y';
                   z= 3;
                   k = x+y;
              }
          </script>
      

      (二.)全局函数

      <script>
              //全局变量
              x = 1;
              function fun() {
                 console.log(x);
              }
              console.log(x);
          </script>
      

        全局变量在函数内,外部都可以使用

      1.全局对象  window

      <script>
              var x = "xxx";
              alert(x);
              window.alert(x);
              //这两个alert的弹窗弹出的结果都是一样的
          </script>
      

        默认所有的全局变量都是绑定在window对象下的

      alter()这个函数本身也是一个window变量

      2.函数之间的互相赋值

      <script>
              var x = "xxx";
              window.alert(x);  // 弹出 xxx
              
              var new_alert =window.alert();
              
              new_alert(x);   // 弹出 xxx
              
              window.alert = function (){
                  // 无效函数
              };
              
              window.alert(x);  // 无弹出
              
              window.alert=new_alert;
              
              window.alert(x); // 弹出 xxx
          </script>
      

        js其实只有一个全局作用域,如果一个函数内使用的变量(函数自己也可以视为变量)在函数内未找到,就会向外找,如果在全局作用域内未找到,就会报错:RefrenceError

      3.规范全局变量

      由于我们所有的全局变量都会绑定到我们的window上,如果不同的js文件,使用了相同的全局变量,冲突 -- 》如何能够减少冲突?

      自定义一个全局变量,自定一个你自己 使用的唯一的对象,供你自己写的js代码使用

      <script>
              var MaApplication = {};
              MaApplication.name = "tiancai";
              MaApplication.add = function (a, b) {
                  return a+b;
              }
              var value=MaApplication.add(1,2);
              console.log(value);
          </script>
      

        将自己的代码放在自己定义的唯一空间名字中,降低全局命名冲突的问题

      三.局部作用域:let

      1.在循环内使用 var 定义变量

      <script>
              function fun() {
                  for (var i = 0; i < 2; i++) {
                      console.log(i);
                  }
                  console.log(i+1);
                  //打印的是 3 说明 var 定义的变量出了循环还可以使用
              }
          </script>
      

      2.在循环内使用 let定义

      注意:let是ES6 的新特性,解决局部作用域和全局作用域冲突的问题

      <script>
              function fun() {
                  for (let i = 0; i < 2; i++) {
                      console.log(i);
                  }
                  console.log(i+1);
                  //Uncaught ReferenceError: i is not defined
              }
          </script>
      

        使用let定义的循环,外部是使用不了的,哪怕是在函数内,都不可以

      所以,建议局部变量都使用let去定义

      四.常量 const

      在ES6 之前,怎么定义常量的呢?那些老一批的程序员使用大小写来区分常量,一般大写的就代表常量,后来的程序猿就建议不要修改大写定义的值...

      例如:

      var  PI = " 3.14" ;

      我们都知道它是一个变量,可以改变值,但是老一辈的程序猿,用大写是代表常量,所以我们都默认PI 是只读常量,不去改变它;

      在ES6之后我们就引入了真正的常量定义 : const  ,被这个关键字标识的变量其值不可变

      <script>         
             const PI = '3.14';
             PI =1;  //爆红,报错:常量不能改变
          </script>
      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://www.cnblogs.com/5ran2yl/p/17289673.html,作者:~java小白~,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:对象类型

      下一篇:java 反射 Reflection

      相关文章

      2025-05-13 09:53:23

      在Java、Java Web中放置图片、视频、音频、图像文件的方法

      在Java软件中放置图片,通常涉及将图片文件(如JPEG、PNG等)作为资源包含在我们的项目中,并在代码中通过适当的方式引用这些资源。这可以通过多种方式实现,但最常见的是在Java桌面应用(如Swing或JavaFX)或Web应用(如Servlet/JSP)中。

      2025-05-13 09:53:23
      JSP , URL , Web , 图片 , 服务器
      2025-05-06 09:19:21

      【30天玩转python】Web开发(Flask/Django)

      Python 在 Web 开发领域非常流行,拥有多个强大的 Web 框架,其中最受欢迎的两个是 Flask 和 Django。

      2025-05-06 09:19:21
      Django , Flask , Web
      2025-04-23 08:18:21

      【JavaScript 】什么是 Express.js?(Node.js Web 框架)

      【JavaScript 】什么是 Express.js?(Node.js Web 框架)

      2025-04-23 08:18:21
      API , js , Web , 示例
      2025-04-11 07:12:29

      基于主流SpringBoot进行JavaWeb开发的学习路线

      基于主流SpringBoot进行JavaWeb开发的学习路线

      2025-04-11 07:12:29
      Java , SpringBoot , Vue , Web , 学习 , 开发 , 接口
      2025-04-01 10:29:12

      关于Web开发的详细介绍

      Web:全球广域网。也称万维网(www World Wide Web),能通过浏览器访问的网站。

      2025-04-01 10:29:12
      gt , Web , 前端 , 开发 , 程序
      2025-03-26 09:05:38

      win7、win10系统JDK环境变量配置

      jdk环境变量配置共包括三项:JAVA_HOME、CLASSPATH 、PATH。

      2025-03-26 09:05:38
      HOME , JAVA , lib , 配置
      2025-03-25 08:08:18

      Spring 家族的三剑客:深入解析 Spring Framework 、 Spring Boot 与 Spring MVC 的区别

      Spring 家族的三剑客:深入解析 Spring Framework 、 Spring Boot 与 Spring MVC 的区别

      2025-03-25 08:08:18
      Boot , MVC , Spring , View , Web , 应用
      2025-03-24 08:53:22

      【XCTF高手进阶区】web4_Web_php_include writeup(一)

      【XCTF高手进阶区】web4_Web_php_include writeup(一)

      2025-03-24 08:53:22
      include , php , Web , 大小写
      2025-03-18 08:27:10

      tomcat快速安装和启动

      tomcat快速安装和启动

      2025-03-18 08:27:10
      bin , HOME , JAVA , local , usr
      2025-03-14 09:05:42

      JAVA本地编译运行出现的找不到类名问题

      JAVA本地编译运行出现的找不到类名问题

      2025-03-14 09:05:42
      class , HOME , java , JAVA , 环境变量 , 目录
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33561

      阅读量

      5240547

      查看更多

      最新文章

      在Java、Java Web中放置图片、视频、音频、图像文件的方法

      2025-05-13 09:53:23

      【30天玩转python】Web开发(Flask/Django)

      2025-05-06 09:19:21

      基于主流SpringBoot进行JavaWeb开发的学习路线

      2025-04-11 07:12:29

      关于Web开发的详细介绍

      2025-04-01 10:29:12

      Spring 家族的三剑客:深入解析 Spring Framework 、 Spring Boot 与 Spring MVC 的区别

      2025-03-25 08:08:18

      毕设--基于 SpringBoot 垃圾分类网站设计与实现

      2025-03-10 09:52:02

      查看更多

      热门文章

      【JavaSE】Arrays类常见方法

      2023-07-28 08:29:03

      JAVA之MySQL数据库增删改查【Java入门练手】

      2023-04-23 09:38:11

      【Java并发编程】之十:使用wait/notify/notifyAll实现线程间通信的几点重要说明

      2023-04-24 11:25:19

      【Java并发编程】之七:使用synchronized获取互斥锁的几点说明

      2023-04-25 10:22:01

      Linux Command apt 软件包管理

      2023-05-05 09:57:52

      循环三要素 编程 230211

      2023-04-07 06:43:28

      查看更多

      热门标签

      java Java python 编程开发 代码 开发语言 算法 线程 Python html 数组 C++ 元素 javascript c++
      查看更多

      相关产品

      弹性云主机

      随时自助获取、弹性伸缩的云服务器资源

      天翼云电脑(公众版)

      便捷、安全、高效的云电脑服务

      对象存储

      高品质、低成本的云上存储服务

      云硬盘

      为云上计算资源提供持久性块存储

      查看更多

      随机文章

      移动端常用适配方案二

      Python静态Web服务器-命令行启动动态绑定端口号

      前端开发常用单位-像素

      JAVA语言编程思维入门

      JAVAWeb -- jsp 正式进入java服务器端

      在Java、Java Web中放置图片、视频、音频、图像文件的方法

      • 7*24小时售后
      • 无忧退款
      • 免费备案
      • 专家服务
      售前咨询热线
      400-810-9889转1
      关注天翼云
      • 旗舰店
      • 天翼云APP
      • 天翼云微信公众号
      服务与支持
      • 备案中心
      • 售前咨询
      • 智能客服
      • 自助服务
      • 工单管理
      • 客户公告
      • 涉诈举报
      账户管理
      • 管理中心
      • 订单管理
      • 余额管理
      • 发票管理
      • 充值汇款
      • 续费管理
      快速入口
      • 天翼云旗舰店
      • 文档中心
      • 最新活动
      • 免费试用
      • 信任中心
      • 天翼云学堂
      云网生态
      • 甄选商城
      • 渠道合作
      • 云市场合作
      了解天翼云
      • 关于天翼云
      • 天翼云APP
      • 服务案例
      • 新闻资讯
      • 联系我们
      热门产品
      • 云电脑
      • 弹性云主机
      • 云电脑政企版
      • 天翼云手机
      • 云数据库
      • 对象存储
      • 云硬盘
      • Web应用防火墙
      • 服务器安全卫士
      • CDN加速
      热门推荐
      • 云服务备份
      • 边缘安全加速平台
      • 全站加速
      • 安全加速
      • 云服务器
      • 云主机
      • 智能边缘云
      • 应用编排服务
      • 微服务引擎
      • 共享流量包
      更多推荐
      • web应用防火墙
      • 密钥管理
      • 等保咨询
      • 安全专区
      • 应用运维管理
      • 云日志服务
      • 文档数据库服务
      • 云搜索服务
      • 数据湖探索
      • 数据仓库服务
      友情链接
      • 中国电信集团
      • 189邮箱
      • 天翼企业云盘
      • 天翼云盘
      ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
      公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
      • 用户协议
      • 隐私政策
      • 个人信息保护
      • 法律声明
      备案 京公网安备11010802043424号 京ICP备 2021034386号