JS中和java语法相近的用法和语句_java和javascript的语法相似度-CSDN博客

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!--【1】JS引入的方式一-->
		<script type="text/javascript">
			
			  /*网页中的弹框*/
			  alert("js 的学习课程");
			
			
		</script>
		
	</head>
	<body>
		
		
		
	</body>
</html>

测试效果：

1.2 外部引入文件

src：引入文件的路径

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

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

HTML代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		
		
	   <!--[2]js引入的方式二 type:引入文件的类型   src： 引入文件的路径  charset:指定引入的编码-->
		<!--注意：引入js 的时候千万不要二合一-->
		<script type="text/javascript" src="js/test.js" charset="UTF-8" ></script>
		
	</head>
	<body>
		
		
		
	</body>
</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（对象类型）

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		
		<script>
			
			var  a=1;
			
			var  b=1.2;
			
			var c='你';
			
			var d="我们";
			
			var  e=true;
			
			var  f=new  Date();
			
			
			
//			alert(typeof f);
			
			
			var  aa;
			
			
//			alert(typeof aa);
			
			
			var  bb="123a";
			
//			alert(Number(bb));

            var  cc=null;
            
            var  dd="";
            
            alert(typeof cc);
			
		</script>
		
		
	</head>
	<body>
		
		
	</body>
</html>

效果：

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++){}

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			
			/*var  a=15;
			
			switch (a){
				   case 10: alert("我是10");
					 break;
					case 20: alert("我是20");
					break;
					case 30: alert("我是30");
					break;
				default:
					break;
			}*/
			
			
			
			for(var  a=1; a<=9;a++){
				
				
				for(var  b=1;b<=a;b++){
					
					
					document.write(b+"*"+a+"="+a*b+"&nbsp;&nbsp;&nbsp;&nbsp;");
					
				}
				/*直接把信息打印到浏览器上*/
			     document.write("<br />");
			}
			
			
		</script>
		
	</head>
	<body>
	</body>
</html>

效果：

7 JS 中函数的声明

7.1 函数声明的三种形式

（1） function 函数名（）{

函数体

}

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

函数体

}

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

7.2 函数参数传递

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

7.3函数的返回值

如果函数没有return

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

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			
			/*****【1】函数声明的方式***********************/
			
			//方式一
			function  demo1(){
				
				alert("函数声明一");
				
			}
			
			//方式二
			var  demo2= function(){
				
				
				alert("函数声明二");
				
			}
			
			//方式三   (函数本身也是一个对象)   了解
			
			var  demo3=new  Function("alert('我是函数声明三')");
			
			
//			demo3();
//			demo1();
			
			/*************函数中参数传递************************/
			
			function  demo4(a,b){
				
				console.log(a+"...."+b);
				
				
			}
			
			
		/*	demo4(1,2);//1....2
			
			demo4(1);//1....undefined
			
			demo4(1,2,3);//1....2*/
			
			
			/**************函数的返回值**************************/
			
			
			function  demo5(a){
				
				
				console.log("参数值："+a());
				
				
				return a;
				
				
			}
			
//			alert(demo5(5));
			
			var  a=function(){
				
				console.log("我是函数a");
				
			};
			
			demo5(a);
			
			
			
			
			
		</script>
		
		
	</head>
	<body>
	</body>
</html>

效果：