#一个有趣的视频（程序员逻辑思维面试）：

https://www.iesdouyin.com/share/video/6683448378468175117/?region=CN&mid=6683501978686917384&app=news_article×tamp=1621000951&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_ios&utm_campaign=client_share

# JavaScript是什么？

- JavaScript是一种直译式、跨平台的脚本语言，是一种动态类型、弱类型、基于原型的语言

- 直译式：直接编译并执行，代码不进行预编译

- 脚本：凡是不能独立执行需要依赖其他程序的，通常都叫做脚本

![](http://img.blog.itpub.net/blog/2023/04/14/270eb2b1a84260e0.png?x-oss-process=style/bb)

- HTML文件在浏览器中执行，JS文件必须嵌入到HTML文件里才能执行

- 脚本语言：依附于某个程序来运行，为某个程序提供服务的语言

- 动态类型：声明一个变量，能够随意改变它的类型

- 静态类型：声明一个变量，不能随意改变它的类型

- 弱类型：允许变量类型的隐式转换，允许强制类型转换（编译时检查很弱）

- 强类型：变量对象在编译时确定类型，不允许类型的隐式转换（编译时检查严格）

- 基于原型：原型的本质是对象之间的内部链接，主要作用是实现继承
![](http://img.blog.itpub.net/blog/2023/04/14/ca3677631f295207.png?x-oss-process=style/bb)

- 跨平台
![](http://img.blog.itpub.net/blog/2023/04/14/af329410bdd3838b.png?x-oss-process=style/bb)

> 跨平台概念是软件开发中一个重要的概念，即不依赖于操作系统，也不依赖硬件环境。一个操作系统下开发的应用，放到另一个操作系统下依然可以运行。

## JavaScript能干什么？

1. 前端网页开发（Javascript的老本行）
2. 移动开发 webapp 混合式应用
3. 网站后端开发（Node.js可以让js在后端运行）
4. 插件开发（由于js跨平台这一特性，很多插件使用js进行开发，因为一次开发可以保证跨平台使用）
5. 桌面开发（主要是指chrome浏览器能把js写的程序打包成桌面应用）
6. 游戏开发 等等。。。

前端网页三剑客（HTML，CSS，JavaScript）

- Html：结构层，负责页面中的结构
- Css：样式层，负责页面中的样式
- JavaScript：行为层，负责页面中的交互

js在前端网页中的作用：

- 校验数据
- 前后端数据交互
- 给网页增加动态功能
- 响应用户操作
- 加强用户体验 等等。。。

## JavaScript简史

- 90年代 28.8kb/s
- 1995 网景Netscape2加入LiveScript，改名 JavaScript （布兰登·艾克）
- Nombas推出ScriptEase
- 微软在IE3中加入JScript

+ JavaScript 的标准化组织是 ECMA
+ 1997  ECMA  TC39  标准命名`ECMAScript`  标准文档`ECMA-262`
+ JavaScript兼容于ECMA标准，通常也称为ECMAScript

* `JavaScript由三大部分组成：核心部分（ECMA-262）、文档对象模型（DOM）、浏览器对象模型（BOM）`
* DOM和BOM规范 由万维网联盟（W3C）制定

- ECMA：欧洲计算机制造商协会European Computer Manufacturers Association
- TC39：ECMA的第39号技术专家委员会（简称TC39）负责制订ECMAScript标准，成员包括Microsoft、Mozilla、Google等大公司

ECMAScript（简称ES）版本名称：

- 1997年7月，ECMAScript 1.0发布。（ES1）
- 1998年6月，ECMAScript 2.0版发布。（ES2）
- 1999年12月，ECMAScript 3.0版发布，成为JavaScript的通行标准，得到了广泛支持。（ES3）
- 2008年7月ECMAScript 4.0版本比较激进被废弃，替代方案将现有功能小幅度升级发布为ECMAScript 3.1，之后改名为ECMAScript 5，所以各类文章所说的ECMAScript 3.1等同于ECMAScript 5（ES5）
- 2011年6月，ECMAscript 5.1版发布，到了2012年底，所有主要浏览器都支持ECMAScript 5.1版的全部功能。（ES5）

- 在这之后，版本发布规则发生变化， 标准委员会决定，标准在每年的6月份正式发布一次，作为当年的正式版本。接下来的时间，就在这个版本的基础上做改动，直到下一年的6月份，草案就自然变成了新一年的版本，只要用年份标记就可以了。
- 2015年6月发布了ECMAScript 6.0 版本正式名称就是《ECMAScript 2015标准》（简称 ES2015）-> ES6
- 2016年6月小幅修订的《ECMAScript 2016标准》如期发布（简称 ES2016）-> ES7
- 2017（简称 ES2017）-> ES8
- 2018（简称 ES2018）-> ES9
- 2019（简称 ES2019）-> ES10
- 2020（简称 ES2020）-> ES11  
- 2021（简称 ES2021）-> ES12    
  ......

## 学习参考文档

- JavaScript | MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

# JS引入运行

内部引入：在html文件中直接写在script标签内部

```html
<script type="text/javascript"> //type属性可以省略
    alert('hello world');
</script>
```

标签内引入：直接写在标签内

```html
<button onclick="alert('hello world');">按钮</button>
```

外部引入：在html文件中通过script标签的src属性引入外部js文件

```html
<script src="test.js"></script>
```

思考：？

```html
<script src="test.js">
    alert('hello world');
</script>
```

# 常用调试方法

1. alert( ) 浏览器弹窗，弹出的内容就是（）括号中的内容

2. console.log( ) 在控制台打印相关信息

3. document.write( ) 向文档写入字符串、html 或 javascript代码

- 注意：调试代码应当从最终的产品代码中删除掉

# 基本语法

- JavaScript借鉴了java、c类语言的语法，但JS的语法更加宽松
- JavaScript中的语句以一个分号 ; 结尾
  （如果一条语句独占一行的话，那么分号是可以省略的）
- JavaScript多条语句组合的代码块，以 { 开头，以 } 结尾
- JavaScript中的一切都区分大小写 (如 变量名、函数名等)
  var dog = '二哈';
  var Dog = '二哈';
  dog 和 Dog 是两个变量
- 通常，代码 从左到右，从上到下 执行

单行注释：

```js
// 注释内容不可以换行
```

块级/多行注释：

```js
/* 注释内容   
    可以换行   
    注释代码块 */
```

说明文档注释：

```js
/**
*   文档说明的注释   
*   用在插件或方法开头   
*   说明参数及返回值等   
*/

/* 然而，你不能，/* 嵌套注释 */ 语法错误 */
```

养成良好的代码注释习惯，既方便自己也方便他人!!

# 变量

- 在应用程序中，使用变量来作为值的符号名
- 变量是指没有固定的值，可以改变的数，是存储信息的容器
- 优点：方便使用，统一修改，方便维护

JS是松散类型的语言，变量可以用来保存任何类型的数据

使用关键字 var 来声明变量：

- 关键字  变量名   赋值   数据   
- var  userName  =  'xiaocuo';   
- 左值：在等号左侧，是变量名   
- 右值：在等号右侧，是存进变量中的数据   
- 引用变量名：document.write( userName )
- 声明的变量，如果没有赋初始值，则其值为 undefined

var声明变量的底层原理：

> 从本质上看，变量代表了一段可操作的内存，也可以认为变量是内存的符号化表示。当我们使用关键字var声明一个变量的时候，解析器根据变量的数据类型分配一定大小的内存空间。程序就可以通过变量名来访问对应的内存了。

# 标识符

`标识符`指`变量`、`函数`、`属性名`或`函数的参数名`（你自己起名字的东西）   
标识符命名规范:

1. 第一个字符必须是字母、下划线 _ 或美元符号 $
2. 其他字符可以是字母、下划线、美元符号或数字
3. 不能含有空格
4. 不能以关键字或保留字命名
5. 命名的基本原则（非必须）：语义化，见名知意
   - 驼峰命名法，userAgeNumber
   - 帕斯卡命名法，UserAgeNumber
   - 下划线命名法，user_age_number
   - 匈牙利命名法，nUserAge、num_UserAge、sUserName、str_user_name

## ECMAScript 关键字

- ECMA-262 定义了 ECMAScript 支持的一套关键字（keyword）
- 这些关键字标识了 ECMAScript 语句的开头和/或结尾。根据规定，关键字是保留的，`不能用作标识符命名`

```html
break        do          try           typeof
case         else        new           instanceof
catch        in          return        var
continue     for         switch        while
function     this        with          default
if           throw       delete        ......
```

## ECMAScript 保留字

- ECMA-262 定义了 ECMAScript 支持的一套保留字（reserved word）
- 保留字在某种意思上是为将来的关键字而保留的单词。因此保留字也`不能用作标识符命名`

```html
abstract     int          short         boolean
export       interface    static        byte
extends      long         super         char
final        native       class         float
throws       const        goto          private
double       import       public        ......
```

# 数据类型

## `简单数据类型（基本类型）`

- 简单数据类型：string、number、boolean、undefined、null

`string 类型，值为字符串`

- JS中使用双引号或单引号表示字符串
- var str1 = '123';
- var str2 = "abc";

`number 类型，值为数字`

- var num1 = 123;
- var num2 = 123.45;
- JS中整数、浮点数、正数、负数等都是number类型

`boolean 类型，值为布尔值`

- boolean类型有两个值 : true真 和 false假

`undefined 类型，表示 值未定义/无值`

- undefined类型只有一个特殊值为 : undefined
- 声明变量未赋值时，这个变量的初始值就是undefined

`null 类型，表示 无值/空值`

- null类型只有一个特殊值为 : null
- null 是表示缺少的标识，指示变量未指向任何对象
- null 常在返回类型应是一个对象，但没有关联的值的地方使用

## `复杂数据类型（引用类型）`

- 复杂数据类型：只有一种 object 类型
- object 类型，值为对象类型
- JS中 { } 表示对象，[ ] 表示数组，function 表示函数 他们都属于对象类型
  + var obj1 = [1,2,3];
  + var obj2 = {'name': 'laowang'};
  + var obj3 = function () { };

# 常见错误类型

- 当代码运行发生错误时，会创建新对应类型的 Error 对象，并将其抛出

* SyntaxError：语法错误，出现语法错误时抛出
* ReferenceError：引用错误，读取不存在的变量时抛出
* TypeError：类型错误，变量或参数不属于有效类型时抛出
* RangeError：范围错误，数值或参数超出其有效范围时抛出

ITPub博客

ES5基础总结（一）

最新文章