JS学习第一周

最新推荐文章于 2024-07-12 16:27:40 发布

Zhangzanhao

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量330

点赞数

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/Zhangzanhao/article/details/122914455

版权

输出输入框

变量

数据类型

输出输入框

输出和输入框就是在你打开网页之后就会弹出的页面

输入框就是你可以在输入栏上回答程序猿问你的问题

输出框就只会弹出一段话，你只能确认或取消不能输入

而其中的console.log 是要在打开自己的网页上，按下F12的按键，点击控制台就可以看到了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			prompt('这是一个输入框')
			alert('这是一个输出框')
			console.log('这是程序员才能看到的');
		</script>
	</head>
	<body>
	</body>
</html>

变量

一，变量就是用于存放数据的盒子
二，变量是占内存空间的，像在内存里新开一个空间
三，变量名就是每个空间的房间号，所以变量有空间和变量名
四，声明不赋值有undefind 不声明不赋值会报错不声明赋值可以使用

怎么声明变量？怎么赋值呢？快看下面代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
            var age;
			// 声明变量，开辟空间
			age = 18;
			// 赋值，把数据带到房间里
			
			var mynane = '卡卡西';
			var age = 30;
			var email = 'kakaxi@qq.com';
			var gz = 2000;
			
			// 简便声明且赋值
			var youname = prompt('请输入你的名字')
			
			// 一次赋多值
			var hisname = 'kkk',
				hername = 'lll';
			
			// 变量的名字 不能数字开头 不能用关键字 严分大小写 驼峰命名法 myFirstName name有特殊含义 只允许$和_俩个符号开头
			
			var a = 1,
				b = 2;
			// 交换俩个变量名数据
			var c = 0;
			c = a
			a = b
			b = c
        </script>
	</head>
	<body>
		<div></div>
	</body>
</html>

数据类型

其实数据类型和python的数据类型差不多，这里不多讲

要详细讲的话就看下面的代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			var num; //这里的num我们不知道是什么数据类型
			var num = 10; //num属于数字型
			
			// js是动态语言，变量的数据类型可以变化
			var numo = 10;
			numo = '字符串String'
			// 这么写在其他语言中是错误的，但在这就可以
			
			// 简单数据类型 数字型（整数和浮点数） 布尔型 字符串型 Undefined（没赋值） Null（空值）
			
			// 数字型number
			// 数字型 表八进制 在数字前加0   十六进制 在数字前加0x
			// Infinity -Infinity NaN 
			// isNaN() 判断是否为数字 是数字就返回False  不是就返回Ture
			console.log(isNaN(12))
			
			// 字符串String
			// 字符串转义字符 \t缩进 \n换行
			console.log('我是\n高富帅')
			// 输出字符串长度 length
			var myname = 'his is my name';
			console.log(myname.length);
			// 字符串的拼接 只要有字符型的不管后面有啥都可以接
			console.log( 12 + 'pink')  // '12pink'
			// 字符串拼接变量
			var age = 18;
			console.log('pink' + age + '岁')  // 'pink18岁'  '+age+'简写
			
			var age = prompt('你今年多少岁啦')
			var str = '您今年都' + age + '岁啦';
			alert(str);
			
			// 布尔型boolean
			// 当布尔True参与运算时当1看若
			// Undefined 即未赋值的变量与字符串相加就连在一起，跟数字相加就变NaN
			// Null 即变量是Null与字符串相加就连在一起，与数字相加相当于0，啥都没有
			// 验证类型
			var num = 10
			console.log(typeof num);  //number
			// prompt 取过来的值是字符串型
			
			
			// 数据类型转换
			// 一.数字型变字符型
			var age = 18.2;
			var str = age.toString();
			console.log(typeof str)
			
			console.log(String(age))
			console.log(typeof age)+.3
			
			console.log(age + '')  // 变成了'age'  隐式变型
			
			// 二.字符型变数字型
			var num = parseInt(age)  // 会取整3.14变3 要是数字开头就会把后面的字母去掉 不数字开头会变成NaN
			console.log(num)
			
			var num = parseFloat(age)  // 会变小数，浮点数 要是数字开头就会把后面的字母去掉 不数字开头会变成NaN
			console.log(num)
			
			console.log(age - 0)  // 为18.2    隐式转换
			console.log('123'-'100') // 23 加号就合起来，减号就会去字符串然后再减
		</script>
	</head>
	<body>
		<div></div>
	</body>
</html>

Zhangzanhao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS学习第一周

目录输出输入框变量数据类型输出输入框输出和输入框就是在你打开网页之后就会弹出的页面输入框就是你可以在输入栏上回答程序猿问你的问题输出框就只会弹出一段话，你只能确认或取消不能输入而其中的console.log 是要在打开自己的网页上，按下F12的按键，点击控制台就可以看到了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><
复制链接

扫一扫