JavaScript 语言基础
- 数值型(Number)是JavaScript中最基本的数据类型JavaScript中和其他程序设计语言(c语言和Java)的不同之处在于,它并不区别整数数值和浮点数数值。在JavaScript中,所有的数值都是由浮点数表示的。JavaScript采用IEEE 754标准定义64位浮点格式表示数字。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/* 数据类型的简介 */
/* int num=10;java */
/* var num 这里的num我们不确定属于哪种数据类型的 */
var num=10 /* js的变量数据类型只有程序在运行过程,根据等号右边的值来确定 */
var str='文情';
/* js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确认的 */
var x=10;/* x是数字型 */
x='pink';/* x字符串型 */
</script>
</head>
<body>
</body>
</html>
八进制、十进制、十六进制、浮点型、特殊值(NaN)
<script>
var num=10/* num是数字型 */
var PI=3.14/* PI也是数字型 */
var num1=010;
/*1. 在JavaScript中八进制前面加0 */
console.log(num1);
var num2=0x10;
console.log(num2);
/*2. JavaScript中十六进制前面加0x */
/*3. 数字型的最大值 */
console.log("最大值:",Number.MAX_VALUE);
/* 4.数字型的最小值 */
console.log("最小值:",Number.MIN_VALUE);
/*5.无穷大 */
console.log(Number.MAX_VALUE*2);/* infinity无穷大 */
/* 6.无穷小 */
console.log(Number.MAX_VALUE*2);/* infinity 无穷小 */
/*7.非数字 */
console.log('文情'-100 );/* NaN */
/* isNaN()这个方法用来判断非数字 并且返回一个值 如果是数字返回的是 false 如果是非数字返回的是 true*/
console.log(isNaN(123));
console.log(isNaN('文情'));
</script>
字符串型
字符串(string) 是由0个或多个字符组成的序列,它可以包含大小写字母、数字、标点符号或其他字符,也可以包含汉字。它是JavaScript用来表示文本的数据类型。JavaScript程序中的字符串型 数据是包含单引号或双引号的,由单引号定界的字符串中可以含有双引号,由双引号定界的字符串也可以含有单引号。
说明:空字符串不包含任何字符,也不包含任何空格,用一对引号表示,即" “或”。
单引号括起来的字符串,代码如下:
'你好 JavaScript'
'mingrisoft@mingrisoft.com'
双引号括起来的字符串,代码如下
""
"你好 JavaScript"
单引号定界的字符串中可以含有双引号,代码如下:
'abc"efg"'
'你好"JavaScript"'
双引号定界的字符串中可以含有单引号,代码如下:
"I'm legend"
"you can call me 'Tom'!"
包含字符串的引号必须匹配。如果在字符串前面使用的是双引号,那么在字符串后面也必须使用双引号;反之都使用单引号
JavaScript 常用的转义字符
转义字符 | 描述 |
---|---|
\b | 退格 |
\n | 换行符 |
\t | 水平制表符,Tab空格 |
\f | 换页 |
’ | 单引号 |
‘’ | 双引号 |
例如,在alert语句中使用转义字符"\n"的代码如下:
alert("网页设计基础JavaScript:\nHTML\ncss\nJavaScript\nVue")
效果图如下:
由上图 我们可以看到转义字符\n在警告框会产生换行
字符串的拼接:
代码如下:
<script>
/* 1.检测获取字符串的长度 length */
var str='my name is andy';
console.log(str.length);/* 15 */
/* 2.字符串的拼接 +*/
console.log('沙漠'+'骆驼');/* 字符串连接 */
console.log(12+12);
console.log('12'+'12')
/* 数值相加 字符相连 */
var age=19;
console.log('今年多大'+age+'岁');
/*变量和字符串相连的口诀:引引相加*/
</script>
效果图如下:
布尔型
数值数据类型和字符串数据类型的值都无穷多,但是布尔型数据类型只有两个值,一个是true(真)另一个是false(假)
<script>
var flag = true;//flag 布尔型
var flag1 = false;//flag 布尔型
console.log(flag + 1);// true 参与加法运算当1来看
console.log(flag1 + 1);//false 参与加法运算当0来看
//如果一个变量声明未赋值 就是undefined 未定义数据类型
var str
console.log(str);
var variable = undefined;
console.log(variable + 'pink');/* undefinedpink */
console.log(variable + 1);/* NaN undefined 和数字相加 最后的结果是NaN */
/* null 空值 */
console.log(space + 'pink');/* nullpink */
console.log(space + 1);/* 1 */
</script>