爆款云主机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云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      js的变量和函数

      首页 知识中心 其他 文章详情页

      js的变量和函数

      2023-05-30 07:49:37 阅读次数:454

      js,函数,变量

      1. 回顾java中的变量:07

      1.1 java中怎么定义/声明变量?

      数据类型 变量名;

      例如:

      int i;

      double d;

      boolean flag;

      1.2 java中的变量怎么赋值?

      使用“=”运算符进行赋值运算。("="运算符右边先执行,将右边执行的结果赋值给左边的变量。)

      变量名 = 值;

      例如:

      i = 10;

      d = 3.14;

      flag = false;

      1.3 java语言是一种强类型语言,强类型怎么理解?

      java语言存在编译阶段,假设有代码:int i;

      那么在Java中有一个特点是:java程序编译阶段就已经确定了i变量的数据类型,该i变量的数据类型在编译阶段是int类型,那么这个变量到最终内存释放,一直都是int类型,不可能变成

      其他类型。

      int i = 10;

      double d = i; 

      这行代码是说声明一个新的变量d,double类型,把i变量中保存的值传给d。

      i还是int类型。

      i = "abc"; 这行代码编译的时候会报错,因为i变量的数据类型是int类型,不能将字符串赋给i。

      java中要求变量声明的时候是什么类型,以后永远都是这种类型,不可变。编译期强行固定变量的数据类型。

      称为强类型语言。

      public void sum(int a, int b){}

      sum(?,?);

       

      2. javascript当中的变量?  08

      怎么声明变量?

      var 变量名;

      怎么给变量赋值?

      变量名 = 值;

      javascript是一种弱类型语言,没有编译阶段,一个变量可以随意赋值,赋什么类型的值都行。

      var i = 100;

      i = false;

      i = "abc";

      i = new Object();

      i = 3.14;

      重点:javascript是一种弱类型编程语言。

      代码在  004 关于js中的变量

      <!-- 关于js中的变量 07-->
      <!DOCTYPE html>
      <html>
      	<head>
      		<meta charset="utf-8">
      		<title>关于js中的变量</title>
      	</head>
      	<body>
      		<script>
      		/*
      				回顾java中的变量:
      					1、java中怎么定义/声明变量?
      						数据类型 变量名;
      						例如:
      							int i;
      							double d;
      							boolean flag;
      					2、java中的变量怎么赋值?
      						使用“=”运算符进行赋值运算。("="运算符右边先执行,将右边执行的结果赋值给左边的变量。)
      						变量名 = 值;
      						例如:
      							i = 10;
      							d = 3.14;
      							flag = false;
      					3、java语言是一种强类型语言,强类型怎么理解?
      						java语言存在编译阶段,假设有代码:int i;
      						那么在Java中有一个特点是:java程序编译阶段就已经确定了
      						i变量的数据类型,该i变量的数据类型在编译阶段是int类型,
      						那么这个变量到最终内存释放,一直都是int类型,不可能变成
      						其他类型。
      							int i = 10;
      							double d = i; 
      							这行代码是说声明一个新的变量d,double类型,把i变量中保存的值传给d。
      							i还是int类型。
      							
      							i = "abc"; 这行代码编译的时候会报错,因为i变量的数据类型是int类型,不能将字符串赋给i。
      							
      							java中要求变量声明的时候是什么类型,以后永远都是这种类型,不可变。编译期强行固定变量的数据类型。
      							称为强类型语言。
      							
      							public void sum(int a, int b){}
      							sum(?,?);
      							
      				javascript当中的变量?
      					怎么声明变量?
      						var 变量名;
      					怎么给变量赋值?
      						变量名 = 值;
      					javascript是一种弱类型语言,没有编译阶段,一个变量可以随意赋值,赋什么类型的值都行。
      						var i = 100;
      						i = false;
      						i = "abc";
      						i = new Object();
      						i = 3.14;
      					
      					重点:javascript是一种弱类型编程语言。
      					
      			*/
      		   // 在JS当中,当一个变量没有手动赋值的时候,系统默认赋值undefined
      		   var i;
      		   //注意undefined是一个具体的值
      		   alert("i="+i);//i=undefined
      		   
      		   alert(undefined);
      		   var k = undefined;
      		   alert("k = " + k);
      		   
      		   //一个没有过声明变量
      		   //alert(age)//语法错误age is not defined(变量age不存在。不能这样写。)
      		   
      		   
      		   var a, b, c = 200;
      		   alert("a = " + a);
      		   alert("b = " + b);
      		   alert("c = " + c);
      		   
      		   a = false;
      		   alert(a);
      		   
      		   a = "abc";
      		   alert(a);
      		   
      		   a = 1.2;
      		   alert(a);
      			   
      		   </script>
      	</body>
      </html>
      

      3. js的函数初步1  09

      3.1 JS中的函数:

      等同于java语言中的方法,函数也是一段可以被重复利用的代码片段。函数一般都是可以完成某个特定功能的。

      3.2 回顾java中的方法?

      [修饰符列表] 返回值类型 方法名(形式参数列表){

           方法体;

          }

      例如:

       public static boolean login(String username,String password){

           ...

           return true;

          }

      调用

       boolean loginSuccess = login("admin","123");

      3.3 JS中的变量是一种弱类型的,那么函数应该怎么定义呢?

      语法格式:

        第一种方式:

          function 函数名(形式参数列表){

            函数体;

           }

        第二种方式:

          函数名 = function(形式参数列表){

            函数体;

           }

      JS中的函数不需要指定返回值类型,返回什么类型都行。

      代码在005 js函数初步  09

      <!-- js函数初步   09-->
      <!DOCTYPE html>
      <html>
      	<head>
      		<meta charset="utf-8">
      		<title>js函数初步</title>
      	</head>
      	<body>
      		<script type="text/javascript">
      			/*
      				1、JS中的函数:
      					等同于java语言中的方法,函数也是一段可以被重复利用的代码片段。
      					函数一般都是可以完成某个特定功能的。
      					
      				2、回顾java中的方法?
      					[修饰符列表] 返回值类型 方法名(形式参数列表){
      						方法体;
      					}
      					例如:
      					public static boolean login(String username,String password){
      						...
      						return true;
      					}
      					调用
      					boolean loginSuccess = login("admin","123");
      					
      				3、JS中的变量是一种弱类型的,那么函数应该怎么定义呢?
      					语法格式:
      						第一种方式:
      							function 函数名(形式参数列表){
      								函数体;
      							}
      						第二种方式:
      							函数名 = function(形式参数列表){
      								函数体;
      							}
      						
      						JS中的函数不需要指定返回值类型,返回什么类型都行。
      			*/
      		   //写法一
      		   function sum(a,b){// a和b都是局部变量,他们都是形参(a和b都是变量名,变量名随意。)
      			   alert(a+b);
      		   }
      		   //函数必须调用才能执行
      		   //sum(10,20);//30
      		   
      		   //写法二
      		   sayHello=function(username){
      			   alert("hello "+ username)
      		   }
      		   //sayHello("张三");
      		   
      		</script>
      		
      		<input type="button" value="hello" onclick="sayHello('jack');"/>  <!-- 点击按钮触发函数 onclick="sayHello('jack') -->
      		<input type="button" value="计算10和20的求和" onclick="sum(10, 20);" /> <!-- 点击按钮就算函数 -->
      	</body>
      </html>
      

      4. js函数初步2  10

      java中的方法有重载机制,JS中的函数能重载吗?

      js一个函数顶n个函数,不需要重载

      JS当中的函数在调用的时候,参数的类型没有限制,并且参数的个数也没有限制,JS就是这么随意。(弱类型)

       

      重载的含义:方法名或者函数名一样,形参不同(个数、类型、顺序)

      代码在006 js函数初步2

      <!-- js函数初步2  10 -->
      <!DOCTYPE html>
      <html>
      	<head>
      		<meta charset="utf-8">
      		<title>js函数初步2</title>
      	</head>
      	<body>
      		<script type="text/javascript">
      			/*
      				java中的方法有重载机制,JS中的函数能重载吗?
      				JS当中的函数在调用的时候,参数的类型没有限制,并且参数的个数也没有限制,JS就是这么随意。(弱类型)
      				
      				重载的含义:
      					方法名或者函数名一样,形参不同(个数、类型、顺序)
      			*/
      		   function sum(a,b){
      			   return a+b;
      		   }
      		   //调用函数
      		   var reValue = sum(1,2);
      		   alert(reValue);
      		   
      		   var retValue2 = sum("jack"); // jack赋值给a变量,b变量没有赋值系统默认赋值undefined
      		   alert(retValue2); // jackundefined
      		   
      		   var retValue3 = sum();
      		   alert(retValue3); // NaN (NaN是一个具体存在的值,该值表示不是数字。Not a Number)
      		   
      		   var reValue = sum(2,3,4)
      		   alert("结果="+reValue)//结果还是5,多的3没用
      		   
      		   
      		   /*
      		   在JS当中,函数的名字不能重名,当函数重名的时候,后声明的函数会将之前声明的同名函数覆盖。
      		   */
      		   function test1(username){
      						   alert("test1");
      		   }
      		   
      		   function test1(){
      			   alert("test1 test1");
      		   }
      		   
      		   test1("lisi"); // 这个调用的是第二个test1()函数.
      		   
      		</script>
      	</body>
      </html>
      

      5. js的局部变量和全局变量  11

      5.1 全局变量:

      在函数体之外声明的变量属于全局变量,全局变量的生命周期是:浏览器打开时声明,浏览器关闭时销毁,尽量少用。因为全局变量会一直在浏览器的内存当中,耗费内存空间。

      能使用局部变量尽量使用局部变量。

      5.2 局部变量:

      在函数体当中声明的变量,包括一个函数的形参都属于局部变量,

      局部变量的生命周期是:函数开始执行时局部变量的内存空间开辟,函数执行结束之后,局部变量的内存空间释放。局部变量生命周期较短。

      5.1 和5.2 代码在 007 js的局部变量和全局变量    11

      <!-- js的局部变量和全局变量  11 -->
      <!DOCTYPE html>
      <html>
      	<head>
      		<meta charset="utf-8">
      		<title>js的局部变量和全局变量</title>
      	</head>
      	<body>
      		<script type="text/javascript">
      			/*
      				全局变量:
      					在函数体之外声明的变量属于全局变量,全局变量的生命周期是:
      						浏览器打开时声明,浏览器关闭时销毁,尽量少用。因为全局变量会一直在浏览器的内存当中,耗费内存空间。
      						能使用局部变量尽量使用局部变量。
      				局部变量:
      					在函数体当中声明的变量,包括一个函数的形参都属于局部变量,
      					局部变量的生命周期是:函数开始执行时局部变量的内存空间开辟,函数执行结束之后,局部变量的内存空间释放。
      					局部变量生命周期较短。
      			*/
      		   
      		   //全局变量
      		   var i=100;
      		   function accessI(){
      			   
      			   alert("i="+i);//  100 这里访问的是全局变量
      		   }
      		   accessI();
      		   
      		  
      		   var username="jack"; //全局变量
      		   function accessUsername(){
      			   var username="lisi";//局部变量
      			   alert("username="+username);// lisi 就近原则,访问局部变量
      		   }
      		   //调用函数
      		   accessUsername();
      		   alert("username="+username);//这里访问的是全局变量  jack
      		   
      		   
      		   function accessAge(){
      			   var age = 20;
      			   alert("年龄 = " + age);
      		   }
      		   
      		   accessAge();
      		   
      		   /*小提示:浏览器调试按F12*/
      		   // 报错(语法不对),因为局部变量age在函数中用完就销毁了,
      		   //alert("age = " + age);//这个age连定义都没有,就会报错   age is not defined
      		   
      		   //小细节,当一个变量在声明时没有用var关键字,这个变量无论在哪都是全局变量
      		   function myfun(){
      			   myname="lizilong";
      		   }
      		   myfun();//访问函数
      		   alert("myname="+myname);//myname=lizilong
      		   
      		</script>
      	</body>
      </html>
      
      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15784725/6277684,作者:进击的菜鸟子,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:dom对象和jquery对象+选择器

      下一篇:TreeSet+TreeMap+Collections工具类

      相关文章

      2025-05-19 09:04:44

      js原生写一个小小轮播案例

      js原生写一个小小轮播案例

      2025-05-19 09:04:44
      js , 示例
      2025-05-19 09:04:44

      js原生手写一个拖拽小功能

      js原生手写一个拖拽小功能

      2025-05-19 09:04:44
      js , 手写
      2025-05-19 09:04:44

      js小题2:构造函数介绍与普通函数对比

      js小题2:构造函数介绍与普通函数对比

      2025-05-19 09:04:44
      new , 关键字 , 函数 , 对象 , 构造函数
      2025-05-19 09:04:38

      js本地上传图片后实现预览与删除功能

      js本地上传图片后实现预览与删除功能

      2025-05-19 09:04:38
      js , 上传 , 删除 , 文件
      2025-05-19 09:04:30

      【Canvas技法】辐射式多道光影的实现

      【Canvas技法】辐射式多道光影的实现

      2025-05-19 09:04:30
      代码 , 函数 , 实现
      2025-05-19 09:04:22

      外设驱动库开发笔记54:外设库驱动设计改进的思考

      外设驱动库开发笔记54:外设库驱动设计改进的思考

      2025-05-19 09:04:22
      使用 , 函数 , 初始化 , 定义 , 对象
      2025-05-19 09:04:14

      C语言字符函数和字符串函数--(超全超详细)

      C语言字符函数和字符串函数--(超全超详细)

      2025-05-19 09:04:14
      函数 , 字符 , 字符串
      2025-05-16 09:15:24

      如何将一串数字用函数的方法倒过来(C语言)

      如何将一串数字用函数的方法倒过来(C语言)

      2025-05-16 09:15:24
      函数 , 数字 , 数组
      2025-05-14 10:33:31

      【数据结构】第一章——绪论(2)

      【数据结构】第一章——绪论(2)

      2025-05-14 10:33:31
      函数 , 实现 , 打印 , 理解 , 算法 , 输入 , 输出
      2025-05-14 10:33:31

      计算机小白的成长历程——习题演练(函数篇)

      计算机小白的成长历程——习题演练(函数篇)

      2025-05-14 10:33:31
      函数 , 字符串 , 数组 , 知识点 , 编写 , 迭代 , 递归
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33561

      阅读量

      5248645

      查看更多

      最新文章

      js原生手写一个拖拽小功能

      2025-05-19 09:04:44

      js小题2:构造函数介绍与普通函数对比

      2025-05-19 09:04:44

      js本地上传图片后实现预览与删除功能

      2025-05-19 09:04:38

      30天拿下Rust之函数详解

      2025-05-14 10:02:58

      变量基础_变量定义

      2025-05-13 09:49:27

      STL:模版进阶 | Priority_queue的模拟实现

      2025-05-09 08:20:32

      查看更多

      热门文章

      使用axios完成JS文件流式下载文件

      2023-07-26 07:51:41

      ansible变量

      2023-03-23 06:48:15

      python学习(3)——变量

      2023-05-22 03:00:29

      js删除指定目录下的文件和文件夹

      2023-02-20 10:34:59

      Neon Intrinsics各函数介绍

      2023-04-10 08:53:07

      sqlServer变量运用示例

      2023-02-21 07:47:16

      查看更多

      热门标签

      linux java python javascript 数组 前端 docker Linux vue 函数 shell git 节点 容器 示例
      查看更多

      相关产品

      弹性云主机

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

      天翼云电脑(公众版)

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

      对象存储

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

      云硬盘

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

      查看更多

      随机文章

      前端页面显示问题解决步骤(方法)

      把类成员函数作为参数传递给thread类......

      函数 y=ln(x-1/x) 图示

      利用eval()打造通用的checkbox全选、全部取消、反选函数升级版+1

      javascript-函数

      POJ2480:Longge's problem(欧拉函数的应用)

      • 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号