03-02 js基础数据类型 - 图1


JavaScript基本数据类型

1、变量的定义

JS中定义变量,不同于Python,我们需要像Python定义函数那样,也需要用特定的关键词来定义变量:
ES5语法,我们采用var关键词定义变量,并且没有常量的概念
ES6语法,我们采用let关键词定义变量,用const关键词定义常量
注:我们不需要像Python那样切换解释器版本来区别到底该书写什么版本语法的代码,在一个JS文件中我们可以同时书写两种语法的JS代码,浏览器都可以自动帮我们解析并运行。

  1. // ES5定义变量:var是关键词、num是变量名、=为赋值符、10为变量值、;为JS语言语句的结束标识符
  2. var num = 10;
  3. // ES6定义变量
  4. let count = 100;
  5. const PI = 3.14;

2、变量的命名规范

  1. /*
  2. 1. 由字母,数字,_$组成,不能以数字开头(可以包含中文字符)
  3. 2. 区分大小写
  4. 3. 不能出现关键字及保留字
  5. */
abstract arguments boolean break byte
case catch char class* const
continue debugger default delete do
double else enum* eval export*
extends* false final finally float
for function goto if implements
import* in instanceof int interface
let long native new null
package private protected public return
short static super* switch synchronized
this throw throws transient true
try typeof var void volatile
while with yield

3、基本数据类型

JS语言中基本数据类型分值类型与引用类型两部分。

3-1 值类型

  1. // 数字类型:number
  2. var num = 10;
  3. const PI = 3.14;
  4. console.log(typeof(num), num); // 结果:number 10
  5. // 字符串类型:string
  6. var s1 = "双引号可以表示字符串";
  7. var s2 = '单引号可以表示字符串';
  8. console.log(typeof(s1), s1); // 结果:string 双引号可以表示字符串
  9. // 布尔类型:boolean
  10. var b1 = true;
  11. var b2 = false;
  12. console.log(typeof(b1), b1); // 结果:string 双引号可以表示字符串
  13. // 未定义类型:undefined
  14. var u1;
  15. var u2 = undefined;
  16. console.log(typeof(u1), u1); // 结果:undefined undefined

3-2 引用类型

  1. // 函数类型:function
  2. function fn1() {}
  3. var fn2 = function() {};
  4. console.log(typeof(fn1), fn1); // 结果:function ƒ fn1() {}
  5. // 对象类型:object
  6. var obj1 = {}
  7. console.log(typeof(obj1), obj1); // 结果:function {}
  8. // Array对象类型:
  9. var arr1 = [1, 2, 3, 4, 5]
  10. console.log(typeof(arr1), arr1); // 结果:object (5) [1, 2, 3, 4, 5]

4、运算符

4-1 算数运算符

前提:n = 5

运算符 描述 例子 x结果 n结果
+ 加法 x=n+2 7 5
- 减法 x=n-2 3 5
* 乘法 x=n*2 10 5
/ 除法 x=n/2 2.5 5
% 取模(余数) x=n/2 1 5
++ 自增 x=++n 6 6
x=n++ 5 6
自减 x=—n 4 4
x=n— 5 4

4-2 赋值运算符

前提:x=5,y=5

运算符 例子 等同于 运算结果
= x=y 5
+= x+=y x=x+y 10
-= x-=y x=x-y 0
*= x*=y x=x*y 25
/= x/=y x=x/y 1
%= x%=y x=x%y 0

4-3 比较运算符

前提:x=5

运算符 描述 比较 结果
== 等于 x==”5” true
=== 绝对等于 x===”5” false
!= 不等于 x!=”5” fales
!== 不绝对等于 x!==”5” true
> 大于 x>5 false
< 小于 x<5 false
>= 大于等于 x>=5 true
<= 小于等于 x<=5 true

4-4 逻辑运算符

前提:n=5

运算符 描述 例子 结果
&& x=n>10&&++n x=false,n=5(短路)
|| x=n<10||n— x=true,n=5(短路)
! x=!n x=false,x=5

4-5 三目运算符

  1. // 结果 = 条件表达式 ? 结果1 : 结果2;
  2. // 语法规则:条件表达式成立,将结果1赋值给结果,反正赋值结果2
  3. // 案例:
  4. var weather = prompt("天气(晴|雨)"); // 文本输入弹出框
  5. var res = tq == '晴' ? "今天天气挺好" : "请假回家收衣服";
  6. console.log(res); // 今天天气挺好