JavaScript

Dear 丶 2021-09-07 06:02 184阅读 0赞

### 文章目录 ###

*  一、什么是JavaScript
 *  二、JavaScript的组成
 *  三、JavaScript的运行
 *  四、JavaScript的书写位置
 *  五、变量
 *  六、数据类型
 *  七、数组
 *  八、对象
 *  九、原型链
 *  十、作用域
 *  十一、JS语句
 *  十二、JS函数
 *  十三、闭包
 *  十四、this的使用
 *  十五、递归
 *  十六、正则表达式

# 一、什么是JavaScript #

Javascript是解释型语言（脚本语言），脚本语言就是弥补编译语言的不足而存在的，作为补充语言，不要编译，直接运行时边解析边执行的语言。JavaScript是弱类型语言，即简单定义一个变量，可以有多种数据类型。而强类型在定义变量时，必须规定变量的类型。且不能随意更改值的数据类型。

# 二、JavaScript的组成 #

分成三部分：  
**1.ECMAscript**  
     前身为欧洲计算机制造商协会， 这个是书写这个语言的标准，用来限制Javascript的书写。

**2.DOM**  
     Document Object Model 的简称，可以利用JS操作网页的元素。  
**3.BOM**  
     Browser Object Model 的简称，JS通过api(函数)来操作浏览器。

# 三、JavaScript的运行 #

html页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续，这在页面的生命周期中是必须的。  
    js执行代码分解析和执行两个阶段语法错误的话在解析阶段就会不解析了。解析阶段出错是不能捕获的。

# 四、JavaScript的书写位置 #

**1.内嵌式**  
在当前HTML页面书写，位置最好放在</body>之后第一位。  
这样可以等页面加载完成后，才指向js代码，不会出错。  
**2.外链式**  
<script src = “文件名.js”></script>

js代码一句语句结束后，要加一个分号，虽然现在编辑器几乎都能省略分号了，但是还是不要省，除非加了会报错的。  
可以使代码更严谨。

# 五、变量 #

详细地址： [变量的学习][Link 1]

# 六、数据类型 #

详细地址： [js数据类型学习][js]

# 七、数组 #

详细地址： [js数组学习记录][js 1]

# 八、对象 #

详细地址： [js对象学习记录][js 2]

# 九、原型链 #

详细地址： [js原型链][js 3]

# 十、作用域 #

# 十一、JS语句 #

# 十二、JS函数 #

详细地址： [js函数][js 4]

# 十三、闭包 #

详细地址： [js闭包][js 5]

# 十四、this的使用 #

详细地址： [this的使用][this]

# 十五、递归 #

详细地址： [this的使用][this 1]

# 十六、正则表达式 #

详细地址： [正则表达式][Link 2]

十七、自增和自减

var a = 10;
    a++

var a= 10
    ++a

在单独使用时，这两个值都是一样的。  
但是在运算时就不一样了。。

var a = 10
    console.log(++a + 10)//21

前置++会先加1，即把变量a的值变成11了,此时结果是21  
而后置++会先运算再加1

var a = 10
    console.log(a++ + 10)//20
    //会先运算10+10
    //然后a再加1

[Link 1]: https://blog.csdn.net/m0_48459838/article/details/112645170
[js]: https://blog.csdn.net/m0_48459838/article/details/112690495
[js 1]: https://blog.csdn.net/m0_48459838/article/details/112846781
[js 2]: https://blog.csdn.net/m0_48459838/article/details/113247329
[js 3]: https://blog.csdn.net/m0_48459838/article/details/113725942
[js 4]: https://blog.csdn.net/m0_48459838/article/details/113705209
[js 5]: https://blog.csdn.net/m0_48459838/article/details/113789742
[this]: https://blog.csdn.net/m0_48459838/article/details/113726329
[this 1]: https://blog.csdn.net/m0_48459838/article/details/113790153
[Link 2]: https://blog.csdn.net/m0_48459838/article/details/113790516