初学JavaScript

এ᭄༊空旧黎梦ღꦿ࿐

已于 2022-09-15 10:12:46 修改

阅读量284

点赞数 1

于 2022-09-12 19:30:14 首次发布

本文链接：https://blog.csdn.net/weixin_70675726/article/details/126820635

版权

JavaScript 数据类型转换函数运算符客户端脚本

关键词由CSDN通过智能技术生成

简介：

JavaScript是一种基于对象的脚本语言，是网景公司(Netscape)最初在它的Navigator2.0产品上设计并实现的，其前身叫做LiveScript。语法上，JavaScript和C#、java等编程语言类似。

JavaScript是客户端脚本语言，也就是说，JavaScriot是在客户的浏览器上运行的，不需要服务器的支持。

JavaScript是一种解释语言，其源代码在客户端执行之前不需要经过编译，而是将文本格式的字符代码在客户端由浏览器解释执行。这就是说，JavaScript需要浏览器支持。

语言特点：

JavaScript 具有解释性的语言脚本，用于客户端，基于对象的语言

数据类型：

基本数据类型

数值数据类型（number）

布尔类型（boolean）

未定义数据类型（undefined）

空数据类型(null)

引用数据类型

字符串类型（string）

Array 数组类型

对象类型（Object）

判断数据类型的使用：typeof（数据）

混合计算数据类型

整数与小数=小数小数与布尔类型=小数

整数与字符串=字符串小数与空值=小数

整数与布尔类型=整数    字符串与布尔类型=字符串

整数与空值=整数     字符串与空值=字符串

小数与字符串=字符串布尔类型与空值=整数

数据类型的转换

parselnt（String）

将字符串转化为整数型数字

例如：parselnt（“86.6”）将字符串“86.6a”转化为整数型86

parseFloat（String）

将字符串转换为浮点型数字

例如： parseFloat（“34.45”）将字符串转化为浮点值34.45

表达式与运算符

概念:

表达式是对一个或多个变量值（操作数）进行运算，并返回一个新值

运算符类型

赋值运算符 =

算数运算符 +、-、*、/、%、++、--、-（求反）

结合运算符 *= 、/=、+=、-=、%=

比较运算符 ==、！=、>、>=、<、<=、===、！===

逻辑运算符 &&、||、！

字符串运算 +

绝对等于：数据类型一致，数值相等

不绝对等于：数据类型不一致或者数值不相等

数据类型不一致
数值不相等
数据类型不一致，数值也不相等

案例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">//编写js代码
		//声明一个变量，需要使用一个关键词var，变量的数据类型是由变量后面 赋的值的数据类型来决定的
		    //语法格式：var 自定义变量名=变量的值
		    //声明一个变量用于存储学生的姓名
		    var stuName="张三"
		    //将变量值打印出来
		    document.write(stuName)
		    //可以判断该变量值是哪种数据类型
		    document.write(typeof stuName)
		    //可以解析标签 
		    document.write("<br />")//换行
		    var stuAge=20
		    document.write(stuAge)
		    document.write(typeof stuAge)
		    document.write("<br />")
		    var stuSex
		    //undefined:当一个变量被声明了，但是为赋值，此时该变量的数据类型就是undefined
		    document.write(typeof stuSex)
		    
		    //多种数据类型之间进行运算，计算结果的数据类型都是什么
            //console.log():运算符
            console.log(typeof(10+0.5))//number
            console.log(typeof(10+"张三"))//string
            console.log(typeof("张三"+"性别：男"))//string
            console.log(typeof(10+true))//number
            console.log(typeof(10+null))//number
            
            //数据类型转换
            //将字符串转换成整数，parseInt()，会将小数点后面的数字给去掉，不会四舍五入
            var a="12.3"
            var b="10"
            console.log(parseInt(a)+parseInt(b))
            //parseFloat():将一个字符串转换成浮点型
            console.log(parseFloat(a))
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- 编写js代码，必须使用script标签 -->
		<script type="text/javascript">
			alert("Hello World!")
		</script>
	</body>
	<!-- 引用外部js文件 -->
	<script type="text/javascript" src="js/HelloWorld.js">
		<!-- 引用外部样式时，这其中的代码不会被运行 -->
		alert("我是用来引入外部js文件的script标签")
	</script>
	<!-- js编写的位置以及注意事项 -->
	<!-- 1.js代码写在script标签内，script标签可以放在head,body标签内，但是建议写在body标签的最下面
	     2.可以使用script标签引入一个外部的js文件，同时要注意该标签内是不能写js代码的，即使写了也不会被执行
	 -->
</html>