/*网页中的弹框*/ alert("js 的学习课程"); ..._java和javascript的语法相似度">
devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

JS中和java语法相近的用法和语句_java和javascript的语法相似度

作者：你好赵伟 | 2024-06-14 10:03:10

赞

踩

java和javascript的语法相似度

目录

1 Js 的引入方式

1.1 JS 内部引入

1.2 外部引入文件

2 js 中的变量

2.1JS中变量的声明

2.2 JS中变量的使用注意的事项

3 JS 中的数据类型

3.1 基本数据类型

4 JS 中特殊数据类型

5 JS 中的运算符

5.1 算数运算符

5.2 逻辑运算符

5.3 连接符

5.4 特殊运算符

6 控制语句

6.1 条件语句

6.2 分支语句（选择语句）

6.3 循环语句

7 JS 中函数的声明

7.1 函数声明的三种形式

7.2 函数参数传递

7.3函数的返回值

1 Js 的引入方式

1.1 JS 内部引入

<script type="text/javascript">

/*网页中的弹框*/

alert("js 的学习课程");

</script>

代码：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 		<title></title>
  6. 		
  7. 		<!--【1】JS引入的方式一-->
  8. 		<script type="text/javascript">
  9. 			
  10. 			  /*网页中的弹框*/
  11. 			  alert("js 的学习课程");
  12. 			
  13. 			
  14. 		</script>
  15. 		
  16. 	</head>
  17. 	<body>
  18. 		
  19. 		
  20. 		
  21. 	</body>
  22. </html>

测试效果：

1.2 外部引入文件

src： 引入文件的路径

charset:指定引入的编码-->

<!--注意：引入js 的时候千万不要二合一-->

<script type="text/javascript"

src="js/test.js" charset="UTF-8" ></script>

HTML代码：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 		<title></title>
  6. 		
  7. 		
  8. 		
  9. 	   <!--[2]js引入的方式二 type:引入文件的类型   src： 引入文件的路径  charset:指定引入的编码-->
  10. 		<!--注意：引入js 的时候千万不要二合一-->
  11. 		<script type="text/javascript" src="js/test.js" charset="UTF-8" ></script>
  12. 		
  13. 	</head>
  14. 	<body>
  15. 		
  16. 		
  17. 		
  18. 	</body>
  19. </html>

JS代码：

alert("js的学习引入方式");

效果：

2 js 中的变量

2.1JS中变量的声明

var 变量名=值；

2.2 JS中变量的使用注意的事项

1.js中的变量的名称和java中标识符的命名保持一致就可以了。

2.js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖

3.js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。

3 JS 中的数据类型

3.1 基本数据类型

number（数字类型的数据）

string（字符串类型）

boolean（布尔数据类型）

object（对象类型）

代码：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 		<title></title>
  6. 		
  7. 		
  8. 		<script>
  9. 			
  10. 			var  a=1;
  11. 			
  12. 			var  b=1.2;
  13. 			
  14. 			var c='你';
  15. 			
  16. 			var d="我们";
  17. 			
  18. 			var  e=true;
  19. 			
  20. 			var  f=new  Date();
  21. 			
  22. 			
  23. 			
  24. //			alert(typeof f);
  25. 			
  26. 			
  27. 			var  aa;
  28. 			
  29. 			
  30. //			alert(typeof aa);
  31. 			
  32. 			
  33. 			var  bb="123a";
  34. 			
  35. //			alert(Number(bb));
  36.  
  37.             var  cc=null;
  38.             
  39.             var  dd="";
  40.             
  41.             alert(typeof cc);
  42. 			
  43. 		</script>
  44. 		
  45. 		
  46. 	</head>
  47. 	<body>
  48. 		
  49. 		
  50. 	</body>
  51. </html>
  52.

效果：

4 JS 中特殊数据类型

undefined(未定义)

NaN(不是一个数字) not a

number

null(空对象)

5 JS 中的运算符

5.1 算数运算符

+ - * / %++ --

和java类似详见：

JAVA运算符介绍

5.2 逻辑运算符

& |  ! && || ^ < > ＜＝ ＝ ！＝

和java类似详见：

JAVA逻辑运算符提升你逻辑的第一步

JAVA位运算符现在可能没用但是这是来自底层报复

5.3 连接符

＋

和java类似详见：

JAVA字符串连接符

5.4 特殊运算符

(==)等值符

先比较类型 如果类型一致，在比较内容如果类型不一致，这时候会进行强制转换统一转number类型，然后再进行内容的比较

(===)等同符

先比较类型 如果类型一致，在比较内容如果类型不一致 直接返回false；

6 控制语句

6.1 条件语句

if(){}

if(){}else{}

if(){}else if(){} else if()...else{}

6.2 分支语句（选择语句）

switch(){

case value: break;

default: break;

}

6.3 循环语句

while(){}

至少执行一次循环体

do{}while()

for(var i =0 ； i<10;i++){}

代码：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 		<title></title>
  6. 		<script>
  7. 			
  8. 			/*var  a=15;
  9. 			
  10. 			switch (a){
  11. 				   case 10: alert("我是10");
  12. 					 break;
  13. 					case 20: alert("我是20");
  14. 					break;
  15. 					case 30: alert("我是30");
  16. 					break;
  17. 				default:
  18. 					break;
  19. 			}*/
  20. 			
  21. 			
  22. 			
  23. 			for(var  a=1; a<=9;a++){
  24. 				
  25. 				
  26. 				for(var  b=1;b<=a;b++){
  27. 					
  28. 					
  29. 					document.write(b+"*"+a+"="+a*b+"&nbsp;&nbsp;&nbsp;&nbsp;");
  30. 					
  31. 				}
  32. 				/*直接把信息打印到浏览器上*/
  33. 			     document.write("<br />");
  34. 			}
  35. 			
  36. 			
  37. 		</script>
  38. 		
  39. 	</head>
  40. 	<body>
  41. 	</body>
  42. </html>

效果：

7 JS 中函数的声明

7.1 函数声明的三种形式

（1） function 函数名（）{

函数体

}

(2) var 函数名=function(){

函数体

}

(3) var 函数名=new Function("函数体")；

7.2 函数参数传递

在js中实参的个数和形参的个数可以不一致

7.3函数的返回值

如果函数没有return

这时候返回 undefined():函数执行符

代码：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8">
  5. 		<title></title>
  6. 		
  7. 		<script>
  8. 			
  9. 			/*****【1】函数声明的方式***********************/
  10. 			
  11. 			//方式一
  12. 			function  demo1(){
  13. 				
  14. 				alert("函数声明一");
  15. 				
  16. 			}
  17. 			
  18. 			//方式二
  19. 			var  demo2= function(){
  20. 				
  21. 				
  22. 				alert("函数声明二");
  23. 				
  24. 			}
  25. 			
  26. 			//方式三   (函数本身也是一个对象)   了解
  27. 			
  28. 			var  demo3=new  Function("alert('我是函数声明三')");
  29. 			
  30. 			
  31. //			demo3();
  32. //			demo1();
  33. 			
  34. 			/*************函数中参数传递************************/
  35. 			
  36. 			function  demo4(a,b){
  37. 				
  38. 				console.log(a+"...."+b);
  39. 				
  40. 				
  41. 			}
  42. 			
  43. 			
  44. 		/*	demo4(1,2);//1....2
  45. 			
  46. 			demo4(1);//1....undefined
  47. 			
  48. 			demo4(1,2,3);//1....2*/
  49. 			
  50. 			
  51. 			/**************函数的返回值**************************/
  52. 			
  53. 			
  54. 			function  demo5(a){
  55. 				
  56. 				
  57. 				console.log("参数值："+a());
  58. 				
  59. 				
  60. 				return a;
  61. 				
  62. 				
  63. 			}
  64. 			
  65. //			alert(demo5(5));
  66. 			
  67. 			var  a=function(){
  68. 				
  69. 				console.log("我是函数a");
  70. 				
  71. 			};
  72. 			
  73. 			demo5(a);
  74. 			
  75. 			
  76. 			
  77. 			
  78. 			
  79. 		</script>
  80. 		
  81. 		
  82. 	</head>
  83. 	<body>
  84. 	</body>
  85. </html>

效果：

 
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/717515
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号