<!--
常量:值不能被改变的量,使用关键字const声明一个常量,习惯上常量名使用纯大写形式
数据类型
js中数据类型分为两种,一是原始类型(number、string、boolean、null),二是引用类型(object对象、date日期等)
1、基本数据类型
number类型:数字类型,可以表示整数,也可以表示小数
string类型:字符串类型,表示一系列的文本字符数据;js对字符和字符串的区分没有那么严格,首尾用单引号或双引号括起来。
boolean类型:布尔类型,仅有两个值,true/false,也代表1和0
数据类型转换
隐式转换(自动转换):
js属于松散类型的程序语言,变量类型在声明时不需要指定,具体类型在赋值时确定,不同类型数据在计算过程中会自动进行转换。
在js中,可以使用typeof()函数来查询当前变量的值
常用转换函数
-toString(),转换字符串,所有的数据类型均可转换为字符串
-parseInt()函数,解析出string或number中的整数部分,如果没有可以转换的部分,则返回NaN(Not a Number)
-parseFloat(),解析出string浮点部分,如果没有课转换的部分,则返回NaN;
-Number(),把一个string解析为number
-->
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<!--计算圆的面积-->
<script type="text/javascript">
//圆的面积:pi*r*r
var a="a1";
console.log(parseInt(a));
const PI = 3.14;
var r = 10;
var s = PI*r*r;
console.log('面积是:'+s);
PI=1.5;
s=PI*r*r;//改变常量的值
console.log("面积是:"+s);
//结论:强行修改常量的值不会报错,但是也没有效果
</script>
<script type="text/javascript">
var age = 20;//number
var height = 1.80;//number
var name="李四";
var sex="男";
var isShuai=true;
console.log(age);
console.log(height);
console.log(name);
console.log(isShuai);//布尔类型,输出true或false
</script>
<!-- 类型转换 -->
<script type="text/javascript">
var a=1;
var b='abc';
var c = true;
var d = false;
//数字+字符串=字符串
console.log(a+b);
console.log(typeof(a+b));
//数字+布尔=数字,布尔变量会转换为数字,true为1,false为0
console.log(a+d);
console.log(typeof(a+c));
//字符串+布尔=字符串,布尔值会转换为字符串true或false
console.log(b+c);
console.log(typeof(b+c));
//布尔+布尔=数字,布尔值转换为0或1
console.log(c+d);
console.log(typeof(c+d));
console.log(a+(c+b));
//对一个变量使用toString()函数时,其结果是字符串类型,但是原有变量类型不改变
var num = 123;
var num1 = num.toString();
console.log(typeof(num1));
//parseInt(要转换的变量)函数
var s=12.2;
console.log(parseInt(s));
//parseFloat(要转换的string),注意,转换结果只会取到第一个小数点,如果小数点后没有值,则取出整数
var s1 = '10.1.1';
console.log(parseFloat(s1));
//Number()函数只能解析纯数字的字符串,如果包含非数字的内容,则返回NaN
var s2 = '123w';
console.log(Number(s2));
</script>
<!-- 获取页面输入的内容 -->
<script type="text/javascript">
//prompt输入提示框
var money = prompt('请输入金额');
console.log(typeof(money));
//结论:js中只要是从页面上获取到的内容,都是字符串类型
</script>
</body>
</html>
常量:值不能被改变的量,使用关键字const声明一个常量,习惯上常量名使用纯大写形式
数据类型
js中数据类型分为两种,一是原始类型(number、string、boolean、null),二是引用类型(object对象、date日期等)
1、基本数据类型
number类型:数字类型,可以表示整数,也可以表示小数
string类型:字符串类型,表示一系列的文本字符数据;js对字符和字符串的区分没有那么严格,首尾用单引号或双引号括起来。
boolean类型:布尔类型,仅有两个值,true/false,也代表1和0
数据类型转换
隐式转换(自动转换):
js属于松散类型的程序语言,变量类型在声明时不需要指定,具体类型在赋值时确定,不同类型数据在计算过程中会自动进行转换。
在js中,可以使用typeof()函数来查询当前变量的值
常用转换函数
-toString(),转换字符串,所有的数据类型均可转换为字符串
-parseInt()函数,解析出string或number中的整数部分,如果没有可以转换的部分,则返回NaN(Not a Number)
-parseFloat(),解析出string浮点部分,如果没有课转换的部分,则返回NaN;
-Number(),把一个string解析为number
-->
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<!--计算圆的面积-->
<script type="text/javascript">
//圆的面积:pi*r*r
var a="a1";
console.log(parseInt(a));
const PI = 3.14;
var r = 10;
var s = PI*r*r;
console.log('面积是:'+s);
PI=1.5;
s=PI*r*r;//改变常量的值
console.log("面积是:"+s);
//结论:强行修改常量的值不会报错,但是也没有效果
</script>
<script type="text/javascript">
var age = 20;//number
var height = 1.80;//number
var name="李四";
var sex="男";
var isShuai=true;
console.log(age);
console.log(height);
console.log(name);
console.log(isShuai);//布尔类型,输出true或false
</script>
<!-- 类型转换 -->
<script type="text/javascript">
var a=1;
var b='abc';
var c = true;
var d = false;
//数字+字符串=字符串
console.log(a+b);
console.log(typeof(a+b));
//数字+布尔=数字,布尔变量会转换为数字,true为1,false为0
console.log(a+d);
console.log(typeof(a+c));
//字符串+布尔=字符串,布尔值会转换为字符串true或false
console.log(b+c);
console.log(typeof(b+c));
//布尔+布尔=数字,布尔值转换为0或1
console.log(c+d);
console.log(typeof(c+d));
console.log(a+(c+b));
//对一个变量使用toString()函数时,其结果是字符串类型,但是原有变量类型不改变
var num = 123;
var num1 = num.toString();
console.log(typeof(num1));
//parseInt(要转换的变量)函数
var s=12.2;
console.log(parseInt(s));
//parseFloat(要转换的string),注意,转换结果只会取到第一个小数点,如果小数点后没有值,则取出整数
var s1 = '10.1.1';
console.log(parseFloat(s1));
//Number()函数只能解析纯数字的字符串,如果包含非数字的内容,则返回NaN
var s2 = '123w';
console.log(Number(s2));
</script>
<!-- 获取页面输入的内容 -->
<script type="text/javascript">
//prompt输入提示框
var money = prompt('请输入金额');
console.log(typeof(money));
//结论:js中只要是从页面上获取到的内容,都是字符串类型
</script>
</body>
</html>