JavaScript的入门(上)

瑾萱&

已于 2022-04-24 23:59:16 修改

阅读量934

点赞数 1

文章标签： java-ee

于 2022-04-24 23:54:46 首次发布

本文链接：https://blog.csdn.net/qq_42339746/article/details/124394104

版权

目录

文章目录

前言

一、JavaScript是什么？

二、JavaScript的使用方式

1.JavaScript的使用方式一（内部方式）

2.Javascript的使用方式二（外部方式）

三、javascript的变量和数据类型

四、javaScript的运算符

五、JavaScript的流程控制语句

1、if语句

2、switch语句

总结

前言

提示：这里可以添加本文要记录的大概内容：

记录了Javascript的入门的一些基础知识，比较适合有些JavaScript基础的同学们进行复习。

提示：以下是本篇文章正文内容，下面案例可供参考

一、JavaScript是什么？

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

二、JavaScript的使用方式

1.JavaScript的使用方式一（内部方式）

代码如下（示例）：

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 书写样式 -->
		<style>
		</style>
		
		<!-- 
		 在head标签体中，书写script标签,script可以放在任何位置，
		 一般我们放在head中
		 <script  type="text/javascript"></script>    type可以省略不写的
		 -->
		<!-- 
		 js的第一种使用方式:内部方式
		 在head标签中指定script标签中书写jsde 代码
		 -->
	   
		
		 js的注释：
		 （1）当行注释//
		  (2)多行注释 /*     */
	
	     js中常用的函数
		      （1）要向浏览器输出内容：document.write("");
		      (2)在浏览器的控制台输出日志，使用控制台对象：console.log("");
		     （3）弹出一个提示框出来
		    	 //window对象属于浏览器内置顶级对象，代表窗口，频繁调用的时候可以不写
		    	//window.alter(""); 可以简写成：alter("");
		--->
		<script  >
		document.write("今天星期天");//代表当前HTML文档
		
		
		console.log("第一天上课");//在运行结束后必须---检查---控制台就能看到
				
		window.alter("是阴天啊");	
              </script>	
	</head>
	<body>
		<!-- 书写HTML标签 -->
	</body>
</html>

2.Javascript的使用方式二（外部方式）

1.单独在js文件夹中，单独创建后缀为.js 文件 在XX.js文件中，书写js
 
2.在当前某个HTML页面中,导入这个XXX.js 文件 必须要有开始标签，有结束标签
 <script src="导入外部文件.js"></script> 导入外部文件

三、javascript的变量和数据类型

1.在js中，定义变量用var，var可以省略（js是弱类型语言，语法结构非常不严谨）
2.变量可以重复定义，会覆盖第一次定义的值,但是java语言不支持的
3.var可以定义任何数据类型
			
注意事项：
  在js中，查看一个变量的数据类型,使用函数typeof(变量名)
 1、js中无论是小数还是整数，都看做Number（基本类型）------自动提升为js内置对象Number  整数对象
 2.无论是字符还是字符串,都看做String类型（基本类型）------自动提升为js内置对象String  字符类型
 3、undefined:未定义类型，就是定义变量时没有给变量赋值
 4、object类型（对象类型）,自动提升为-----Object:所有js内置对象的模板
 5、 js如何创建对象
  var  对象名=  new   Js内置对象（）；
  var s=new String("hello");

四、javaScript的运算符

<!-- js 运算符
  js是弱类型的语言，true代表一个是整数类型，1代表成立
  false代表一个是整数类型，0代表不成立

		
1、算数运算符：+  -  *  /   %(模)：求余数
    赋值运算符= 
2、 比较运算符：<   >   <=   >=   !=   ==   (结果都是true 或者false)
3、 逻辑运算符:
	 一般开发中用的是&&   ||
	逻辑双与&&：两个条件必须同时成立；有false则false
	逻辑双或||：有一个为真则为真。见true 则true
	逻辑单与
	逻辑单或
	逻辑非 ！ 应用的场景：js或java代码中，会使用逻辑非，针对一些错误的进行相反的提示
4、三元运算符（三目）：
   表达式可以是简单地也可以是复杂的，结果要么是true，要么是false；
   首先判断是否成立，成立执行true，不成立则false；
   语法格式 ：（表达式?） 执行true的结果：执行false的结果
  （二目）：

五、JavaScript的流程控制语句

1、if语句

 流程控制语句分类:
1.顺序结构语句(从上而下,依次执行);
2.循环结构
3.选择结构语句
(1) if 
  三种格式:
        A. if(表达式){
		   语句1;
		 }  执行流程:表达式是否成立,成立财智星语句一;
				 
       B.-----用的最多的一种
	if(表达式){
		 语句1;
		}else{
		语句2;
	       }  执行流程:判断表达式是否成立,成立执行语句1,
				
      C.针对多种结果判断的
				
	if(表达式1){
		语句一;
		} else if(表达式2){
		语句2;
		}
		........
		else{
		语句N;
		}   执行流程:先判断表达式1,是否成立,若果成立,则执行语句一;
			    若果不成立,则判断语句2是否成立,
			   如果成立,执行语句2,不成立,一次往下执行;
			 都不成立,则执行else语句;
  
 / js中的if的内容,跟js数据类型有关/
 1.整数类型number,若果是非0 的整数成立;否则不成立;
 2.字符串String,如果是非空字符串,成立;反之不成立
 3对象类型Object,如果是对象,new Object(),if成立,如果是null,空对象的话,不成立
/js 中if的特例/  
		 if   ----else格式:
		 if(4){
			 alert("成立");
		 }else{
			 alert("不成立")
		 }
		 
		 if(hello){
		 			 alert("成立");
		 }else{
		 			 alert("不成立")
		 }

2、switch语句

js中的switch的语句
switch(值)
{
case 值1:
语句1;
break;//结束,中断
case 值2:
语句2;
break;//结束,中断	
......
default:
语句n;
break;
}
  执行流程:
	 1)首先判断变量的值和值1是否匹配
	 如果匹配,执行语句1,switch语句结束!
	 2)如果不匹配,继续和case后面的值2进行比较,成立,则执行语句2,break结束
	   ...
	 3)如果上面都不匹配,则执行语句n,语句结束
 switch语句结束条件:
	 1)遇见break结束
	 2)程序默认执行末尾
  default:
        语句可以在语句的任何位置,但是在语句中,break不可省略;
	   否则会出现数据穿透的现象;直到遇见break才会停止;
	   但是default在句子的末尾,可以省略