1.基础部分
最后更新于:2022-04-01 22:08:05
[TOC]
##基本概念
`javascript`是一门解释型的语言,浏览器充当解释器。`js`执行时,在同一个作用域内是先解释再执行。解释的时候会编译`function`和`var`这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值。
### 区分大小写
`ECMASCript`中的一切(包括变量,函数名和操作符)都区分大小写。
##1. 变量
变量在第一次用到时就设置于内存中,便于后来在脚本中引用。使用变量之前先进行声明。可以使用 `var` 关键字来进行变量声明。
`var count, amount, level; // 用单个 var 关键字声明的多个声明。`
### 变量命名
变量名包括全局变量,局部变量,类变量,函数参数等等,他们都属于这一类。
变量命名都以类型前缀+有意义的单词组成,用驼峰式命名法增加变量和函式的可读性。例如:`sUserName,nCount。`
前缀规范:
每个局部变量都需要有一个类型前缀,按照类型可以分为:
```
s:表示字符串。例如:sName,sHtml;
n:表示数字。例如:nPage,nTotal;
b:表示逻辑。例如:bChecked,bHasLogin;
a:表示数组。例如:aList,aGroup;
r:表示正则表达式。例如:rDomain,rEmail;
f:表示函数。例如:fGetHtml,fInit;
o:表示以上未涉及到的其他对象,例如:oButton,oDate;
g:表示全局变量,例如:gUserName,gLoginTime;
```
`JScript` 是一种区分大小写的语言。创建合法的变量名称应遵循如下规则:
> 注意第一个字符不能是数字。
>
> ```
> 后面可以跟任意字母或数字以及下划线,但不能是空格
> 变量名称一定不能是 保留字。
>
> ```
`javascript`是一种弱类型语言,`JavaScript` 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
`var`是`javascript`的保留字,表明接下来是变量说明,变量名是用户自定义的标识符,变量之间用逗号分开。
如果声明了一个变量但没有对其赋值,该变量存在,其值为`Jscript` 值 `undefined`。
### 强制类型转换
在 `Jscript` 中,可以对不同类型的值执行运算,不必担心 `JScript` 解释器产生异常。相反,`JScript` 解释器自动将数据类型之一改变(强制转换)为另一种数据类型,然后执行运算。例如:
| 运算 | 结果 |
| -- | -- |
| 数值与字符串相加 | 将数值强制转换为字符串。 |
| 布尔值与字符串相加 | 将布尔值强制转换为字符串。 |
| 数值与布尔值相加 | 将布尔值强制转换为数值。 |
要想显式地将字符串转换为整数,使用 `parseInt` 方法。要想显式地将字符串转换为数字,使用 `parseFloat` 方法。
`JavaScript` 变量的生存期:当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
### js变量思维导图
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c43449.gif)
##2.js的数据类型
jscript 有三种\>主要数据类型、两种\>复合数据类型和两种\>特殊数据类型。
### 主要(基本)数据类型
```
字符串
数值
布尔
```
### 复合(引用)数据类型
```
对象
数组
```
### 特殊数据类型
```
Null
Undefined
```
字符串数据类型:字符串数据类型用来表示 `JScript` 中的文本。在`js`中,虽然双引号("")和单引号('')均可表示字符串,而且它们几乎没有任何区别。但只使用`双引号`("")来表示字符串被认为是最佳的。
一个字符串值是排在一起的一串零或零以上的 `Unicode` 字符(字母、数字和标点符号)。
### 什么是Unicode?
`Unicode`为每个字符都提供了唯一的数值,不管是什么平台、什么程序或什么语言。开发`unicode`是为了给处理世界上存在的所有字符提供统一的编码。
### 数值数据类型
我们需要明白一点,`JScript` 内部将所有的数值表示为浮点值,因此,在 `Jscript` 中整数和浮点值没有差别。
### Boolean数据类型
布尔(逻辑)只能有两个值:`true` 或 `false`。
##3.js数组和对象
Null 数据类型:可以通过给一个变量赋 null 值来清除变量的内容。
`Jscript`中 `typeof` 运算符将报告 `null` 值为 `Object` 类型,而非类型 `null`。
```
```
`null`用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象。
`Undefined` 数据类型:
如下情况将返回 `undefined` 值:
```
对象属性不存在,
声明了变量但从未赋值。
```
### null和undefined的区别
```
alert(typeof undefined); //output "undefined"
alert(typeof null); //output "object"
alert(null == undefined); //output "true"
```
`ECMAScript`认为`undefined`是从`null`派生出来的,所以把它们定义为相等的。
```
alert(null === undefined); //output "false"
alert(typeof null == typeof undefined); //output "false"
```
`null`与`undefined`的类型是不一样的,所以输出"`false`"。而===代表绝对等于,在这里`null === undefined`输出`false`
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c61848.gif)
另外,这里介绍一种比较重要的数据类型——引用数据类型
### 引用数据类型
`javascript`引用数据类型是保存在堆内存中的对象,`JavaScript`不允许直接访问堆内存空间中的位置和操作堆内存空间,只能通过操作对象在栈内存中的引用地址。所以引用类型的数据,在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存在堆内存中的对象。
下面我们来演示这个引用数据类型赋值过程
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c7b068.png)
自然,给`obj2`添加`name`属性,实际上是给堆内存中的对象添加了`name`属性,`obj2`和`obj1`在栈内存中保存的只是堆内存对象的引用地址,虽然也是拷贝了一份,但指向的对象却是同一个。故而改变`obj2`引起了`obj1`的改变。
基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。
而引用类型值则是指那些保存在堆内存中的对象,即变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象。
简而言之,堆内存存放引用值,栈内存存放固定类型值。
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-05-20_573eb14c9742f.jpg)
在 `ECMAScript` 中,变量可以存在两种类型的值,即原始值和引用值。
原始值存储在栈(`stack`)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。引用值存储在堆(`heap`)中的对象,也就是说,存储在变量处的值是一个指针(`point`),指向存储对象的内存处。
```
';