javascript基本语法，变量和数据类型理解

2018-10-28 本文已影响0人 moly琴

javascript基本语法

1.注释

作用：注释是不需要执行，主要是对程序进行文字说明和解释。

语法：

单行注释
// 注释的文字

语法：

多行注释

/*  注释的文字   */

2.javascript区分大小写

3.关键字和保留字

关键字：编程语言中有特殊含义的单词
break else new var case finally return void
catch for switch while continue function this with
default if throwdelete in try do instanceof typeof
保留字：现在JavaScript版本中没有使用这些单词，供以后版本使用，但是也不准我们使用。
abstract enum int short boolean export interface static
byte extends long super char final native synchronized
class float package throws const（ES6已经在用了） goto private transient debugger implements protected volatile double import public

关键字和保留字不需要特别记忆，慢慢来积累和记忆

4.标识符

不能使用中文
可以使用字母（大小写），数字，下划线，$
命名的首字符不能以数字开头
如果名字很长，可以使用驼峰命名法：
a.小驼峰，只有第一个单词的首字母小写，其他的首字母全大写
b.大驼峰，所有单词的首字母全大写

数据的分类

按照保存时间来分类
a.临时数据：关机或断电是，会直接消失，一般保存在内存中
b.永久数据：主要保存在硬盘，U盘……除非人为主动删除，否则会一直存在

对于那些需要运算的数据，直接把数据存储在内存中，使用方便，因为内存的读写速度是最快的

变量

变量：表示变化的数据
作用：用于存储程序中变化的数据

1.变量的定义

语法：
ES5中：var 变量名;

ES6中：

使用let关键字来定义一般变化的数据
a.let用法和var 用法等价,如let 变量名；
使用const来定义一个常量
a.常量表示定义好后，不能二次修改的数据

2.给变量赋值

声明一个变量并给它赋值
var 变量名 = 值；
把右边的值赋值给左边的变量名。

3.变量的使用

语法：变量名

4.同时定义多个变量

注意多个变量之间使用逗号分隔
- 如：定义多个变量
```
var a1, a2, a3;
```
- 定义多个变量，并给某些进行赋值
```
var a1, a2 = 10, a3;
```
- 定义多个变量，给多个变量赋相同的值
```
var a1 = a2 = a3 = 30;
```

什么时候使用var或let ？

先声明，再赋值或使用

在定义或声明变量是，都一定使用var来指定
给已经定义的变量赋值时，后面赋值的var可以不写
ES6定义变量的写法（建议熟悉ES6的申明方式）

javascript中的数据类型

数据类型：
表示把所有的数据进行一个分类
作用：
a.主要通过数据类型的不同合理分配空间，达到内存最大使用率
b.相同的数据类型才可以进行运算，不同的数据类型不能进行运算

查看数据类型：

语法：typeof(变量名)

1.基本数据类型

（面试题）

number(数字类型或数值类型)
- 分类：
  - 整数,int, 如 1 2 parseInt
  - 小数,float,如 1.2
  - 特殊情况：
    - NaN（not a number）计算失误，转换失败，不是一个明确值的类型
    - infinity （除数为零）无穷大
string（字符串类型）
- 所有使用引号引起来的都是字符串，引号包括单引号和双引号
- 所有的中文都得用引号，字符串
- 转义符（反斜杠\）：
  
  \n 换行
  \ \ 反斜杠
  \ " 双引号
  \ ' 单引号
boolean（布尔类型）
- 结果只有 true false
  - true 表示正确，满足，条件成立，真
  - false 表示不正确，不满足，条件不成立，假
- 注意（强制类型转换）：0，“” ‘’ NaN undefined false作为变量的值时，返回的结果为false,其他的都为true。
undefined（未定义），定义了变量但是未赋值
- 如果定义了一个变量，未给它赋值的时候，默认值为undefined
- 如果使用了一个未定义的变量，会报错。报错提示：xxx is not defined
null（空对象 object类型）
- 表示没有定义该对象，也没有赋值或直接给定一个变量赋值为null
- 注意：null为对象类型，是js早起的小bug。一般用于清空对象中的属性和方法，或者是没有拿到返回值。

null和undefined比较

面试题：
相同点：null,undefined均代表无值；
不同点：undefined代表一个变量如果没有赋值，那么值是undefined,变量的默认值;null代表一个变量如果是存储的值是引用类型，但是目前对象还没有创建，那么就可以设置为null，另外如果一个应该函数有返回值，如果最终没有数据作为返回值，那么也会返回null。

2.引用数据类型

对象
函数
数组

javascript中的类型转换

什么是类型的转换：将一种数据类型转换成另一种类型
为什么要转换：主要是由于相同数据类型之间才能进行运算，不同数据类型之间不能进行运算。

强制类型转换

表示把一种数据类型转换成指定数据类型

转换成数字类型(Number())

a.转换成整数 parseInt()

如：将字符串文字强制转换为NaN
把小数和不是数字的部分去掉
在字符串中，首字符为数字时，会转换成具体的整数，如”21px88“,将被转换为21
如果有小数点，会将小数点前的转换为整数，如”12.9002“，将转换为12.
如果字符串中全是非数字，将转换成NaN
运用场景：价格取整，css样式中去掉px。

b. 把所有类型强制换为小数 parseFloat()

只有首字符开始的连续数字转换后得到具体值
除了字符串的其他类型转换后都得到NaN
如果小数后面的值是有效值，转换后就保留，否则就删除

c.把所有类型转换成数字类型
- Number（）
- 1.只能纯数字构成字符串才可以转换
2.true：1；false：0
3.Undefined：NaN ; null:0;

2.转换成布尔类型（Boolean()）
- Boolean(),结果只有两种，true false
- 0 ”“ ‘’ NaN undefined null false 会转换成false，其他的都转换成true.

3.转换成字符串类型（String()）
- String()

自动类型转换

作用：表示结合上下文的语境进行自动转换
只要有一个字符串，加法就会转换成字符串，加法，一般都会默认为字符串的拼装。
如果是减法，会转换为数字类型

javascript基本语法，变量和数据类型理解