JavaScript基础语法

最新推荐文章于 2024-08-24 11:46:12 发布

大地笨笨熊

最新推荐文章于 2024-08-24 11:46:12 发布

阅读量67

点赞数

文章标签：前端 html javascript

本文链接：https://blog.csdn.net/qq_51913153/article/details/125034051

版权

1.概述

JavaScript是一种弱类型的面向对象的解释型脚本语言

脚本语言：不需要编译，运行过程中由JS解释器（js引擎）逐行来进行解释并执行

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码，JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行

2.数据类型

//数值型：Number 包括整数和小数
       var a=10;
       var b=1.3;
       alert(typeof(a))//typeof()返回参数的数据类型
       // 字符串：String
       var c="c";
       var d='d';
       alert(typeof(c));
*** // 不明确类型：Undefined
       var e;
       alert(typeof(e))
       //对象类型：返回为Object
       var date= new Date();
       alert(typeof(date));
       </script>

3.运算符

3.1算术运算符

注意：+符号拼接字符串时会发生隐式转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var a=10;
			var b=5;
			var c="5";
			var d="a";
			console.log(a+c);//105 加号就只有拼接时会产生隐式转换
			console.log(a-c);// 5  数值——字符串数字
			console.log(a-d);// 非数字
			
		</script>
	</head>
	<body>
	</body>
</html>

3.2计较运算符

==：只比较内容（值）

===：比较数值和类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var a=10;
			var b=5;
			var c="5";
			var d="a";
			console.log(b==c);//只比较数值
			console.log(b===c);//比较值和类型
			
		</script>
	</head>
	<body>
	</body>
</html>

4.函数

4.1全局函数

typeof() 返回变量的类型

eval() 只比较内容值

join() 将数组转换为字符串

ParseInt() 将参数转换为整数

......转换函数同上

5.内置对象

5.1字符串 String

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 字符串  String
			var s="abc:def:gc"
			window.alert(s.length)
			// console.log(s.length);
			alert(s.charAt(2))//字符串指定位置的字符
			alert(s.indexOf("c"))//第一次出现指定字符的位置
			alert(s.lastIndexOf("c"))//最后一次
			alert(s.substring(2,5))//分割字符串自第二个位置开始，截取至第五个字符前方，长度为
			alert(s.substr(2,5))//js中特有的方法，从第二个位置开始，截取5个字符
			var array = alert(s.split(":"))
		</script>
	</head>
	<body>
	</body>
</html>

5.2日期

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			// 日期
			var date=new Date();
			alert(date);//获取时间
			alert(date.getDate())//获取日期中的日
			alert(date.getFullYear());//年	
			
		</script>
	</head>
	<body>
	</body>
</html>

5.3 数组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			//数组
			// 创建数组三种方式
			1 var array=new Array();
			array[0]=1;
			array[1]="s";
			array[2]=new Date();
			alert(array);
			 var array=new Array(1,"s",new Date());
			 alert(array);
			 // var array=[1,"s",new Date()];
			var s=array.join("");//空串即为无分隔符，连接在一块
			 var s=array.join(":");//join(分隔符)将数组转为字符串
			 alert(s);
			var array=new Array("d","a","c","b");
			alert(array.reverse());//逆序输出
			alert(array.sort());//按字符编码排序
			// 为数值排序的方法
			function sortnum(a,b){
				return a-b;
			}
		</script>
	</head>
	<body>
	</body>
</html>

大地笨笨熊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础语法

1.概述JavaScript是一种弱类型的面向对象的解释型脚本语言脚本语言：不需要编译，运行过程中由JS解释器（js引擎）逐行来进行解释并执行浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码，JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行2.数据类型 //数值型：Number 包括整数和小数 var a=10; va...
复制链接

扫一扫