js 数据类型全部知识点

<template>
	
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		onLoad() {
			// 1 数据类型
			// js 变量的数据类型是是只有程序在运行过程中 根据等号右边的值来确定的
			var num = 10;
			// 数字类型的
			// js 是动态语言 变量的数据类型可以变化的
			var num = 10;
			num = '我是数字类型的'
			// 1.3数据类型的分类
			// 简单数据类型  复杂数据类型 
			// 2 简单的类型  基本数据类型
			// 2.1 Number 数字型 包含整数 后面没有小数点  浮点型值 21 1.2 浮点数,数值必须包含一个小数点，且小数点后面至少有一位数字,需要大于0） 默认值0
			// 2.1.1 作用是表示数字 任何数字都可以用数值来表示 
			// 2.2.2 number还有一种特殊的样式：特殊的NaN NaN: 非数字类型
			// 2.2.3特点：① 涉及到的 任何关于NaN的操作，都会返回NaN② NaN不等于自身。注意 NaN不是一个数值，但他是number类型；
			// 2.2 Boolean 布尔值 false  ture 等价 0 与 1 默认值return false;
			// 2.3 String 字符串类型 如 "张三" 默认值 “”
			// 2.4 Undefined 未下定义  var a; a= undefined 默认值undefi
			// 2.5 Null var a = null 空 声明了变量a 默认值 null 
			// 复杂数据类型 引用类型
			// array 数组 function 函数 是关键字 是调用
			// function getFunVun() {
			// 	this.gerGenFen
			// },
			// getFunVun() {
			// 	this.gerGenFen
			// },
			// 3 数字型 小数 整数 
			var num = 20;
			var pi = 100;
			// 有最大值 与最小值

			// 字符串型 String 
			// 字符串型 可以是引号的任意文本 其语法为双引号""和单引号''
			// js 更推荐是单引号
			//字符串型 有 外单内双 外双内单
			var srt = '我是一个"高富帅"程序员';
			console.log(srt)
			var srts = " 我是一个'高富帅'程序员"
			console.log(srts)
			// 字符串转化字符 都是\开头 都写在引号里面的
			var srtse = " 我是一个'高富帅'\n程序员";
			console.log(srtse)
			// 弹出网页警示框
			var ste = alert('弹窗出大王来巡山\n大王叫我来巡山\n叫我来捡\n"垃圾"')

			// 字符串的长度 数字相加 字符相连
			var srt = 'my a is is si'
			console.log(srt.length)
			// 字符串的拼接
			var setw = ("沙漠" + "楼多")
			console.log(setw)
			// 年龄的案列
			// 1.弹出一个输入框（prompt），让用户输入年龄（用户输入）
			// 2.把用户输入的值用变量保存起来，把刚才输入的年龄与要输出的字符串拼接（程序内部处理）
			// 3.使用alert语句弹出警示框（输出结果）
			// 第一步 申明变量
			var ages = prompt('请输出您年龄');
			// 2 第二步存起来
			var sre = ('您已经' + ages + '岁了');
			// 第三步 输出结果
			alert(sre)

			// 5 布尔值 true  false true是真 是对 false 是假是错
			var flge = true;
			// true  当做1
			var flge1 = false;
			// false 是0
			console.log(flge + 1);
			console.log(flge1 + 1)

			// 6.Undefined 与 null
			//Undefined 如果一个变量声明未赋值 未定义数据类型
			var ste;
			console.log(ste)
			// 得出undefined
			var sct = undefined
			console.log(sct + 'pink')
			// undefinedpink
			console.log(sct + 1)
			// NaN

			// 7 null 空值
			var cte = null;
			console.log(cte + 'pink')
			// ctepink
			var cte = null;
			console.log(cte + 1)
			// 等于1

			// 8 什么是数据类型转换	
			// 就是把一种数据类型变量转化成另一种数据类型
			// 通常会用三种转化
			// 1.数字型
			// 2.字符串类型
			// 3.布尔值

			// 2 字符串类型案例
			// 2.1toString() 
			// var num = 10;
			// console.log(num.toString())
			// // 2.2 String()
			// console.log(String(num))
			// // 2.3 加上拼接 
			// console.log(num + '')

			// 3数字型转化
			// 可以把字符为数字型
			// Number(数据)转换为数字类型
			//parseInt(数据)只保留整数
			console.log(parseInt('3.14'))
			// 取值3
			console.log(parseInt('2.94'))
			// 取值2
			console.log(parseInt('130PX'))
			// 取值130
			console.log(parseInt('rem130PX'))
			// 取值NaN
			// parseFloat(数据) 可以保留小数
			console.log(parseFloat('3.14'))
			// 取值3.14
			console.log(parseFloat('120px'))
			// 取值120
			console.log(parseInt('rem130'))
			// 取值NaN
			// 利用Number(变量)
			var has = '123';
			console.log(Number(has))
			// 取值是123
			console.log(Number('123'))
			// 取值是123
			// 利用运算符号
			console.log('12' - 0)
			// 取值12
			console.log('12' + 0)
			// 字符串120 
			console.log('12' / 6)
			// 取值2
			console.log('12' * 6)
			// 数字72
			// 白色 是字符串 紫色是数字
			// js 计算年龄
			// 1、弹出输入框，输入出生日期
			// 2、用今年年份减去出生年份得出年龄
			// 3、弹出alert，输出结果
			var yeay = prompt('请输入您年份')
			var age = 2023 - yeay;
			alert(age)
			// 简单减法器
			//1 首先用户输入框弹出一个值后
			// 2 第二个值输入进去
			// 3 最后输出
			var num1 = prompt('请输入第一个值')
			var num2 = prompt('请输入第第二个值')
			var num3 = parseInt(num1) + parseInt(num2)
			alert(num3)

			// 转化布尔值
			// 代表空 否定的值都会转化false 0 NaN undefined null 
			// 其余都会转化为true

			// 扩展阅读
			// 1.解释型语言与编译型语言
			// 1.1 一个是编译 一个是解释 区别编译时间点不同
			// 1.2 代码执行前进行编译 运行时进行及时解释
			// 2.标识符  3关键字 4保留字
			// 2.1标识符 变量 函数 属性 参数
			// 2.2不能是关键字 与保留字
			// 3关键字
			// 3.1本身已经使用了 不能当做变量名 方法名
			// 4 保留字 就是预留字  

		}
	}
	methods: {

	}
</script>

<style>

</style>