前端 JavaScript基础知识梳理

前言

javascript内容较多，知识点较杂。我整理了一些js基础的知识点（只是知识点的名称，内容不做详解），希望对大家有所帮助。

JavaScript 知识点

JavaScript 标准参考教程（alpha）

JS的组成

• DOM：文档对象模型(Document Object Model) 提供了一套操作页面元素的API
  javascript DOM 总结
• BOM：浏览器对象模型(Browser Object Model) 提供了一套操作浏览器相关信息的API
  Javascript之BOM(window对象)详解
• ECMAScript: JS的语言标准 常用的ES3 趋势ES6（babel）
  ECMAScript 6简介

JS中的数据类型

基本数据类型

1. string
2. number
3. boolean

复合数据类型

1. Object
2. function
3. Array
4. Date
5. Math
6. String
7. Number
8. Boolean
9. RegExp

空数据类型

1. null
2. undefined

获取数据类型的方式

typeof 数据
//返回值为字符串类型

1. 使用typeof获取到除了function之外所有的引用类型的数据的类型都是object
2. 使用typeof获取null的数据类型，获取到的是object

in关键字

1. for-in 遍历对象的属性
2. 属性名 in 对象 判断对象能否访问某个属性

delete关键字

1. 删除没有使用var声明的变量

delete 变量名

2. 删除对象的属性

delete 对象名.属性名
delete 对象名[属性名]

逻辑中断

1. ||中断

表达式1 || 表达式2
//如果表达式1为真，则返回表达式1，否则返回表达式2

2. &&中断

表达式1 && 表达式2
//如果表达式1为假，则返回表达式1，否则返回表达式2

break continue

1. break跳出整个循环，继续执行循环之后的代码
2. continue跳出本次循环，继续下次循环

对象的动态特性

在对象创建完成之后，可以随时的为对象新增成员，这样的特性就是动态特性

1. 点语法

对象名.属性名 = 值

2. 关联数组语法

对象名[属性名] = 值

值类型和引用类型

值类型

直接存储数据本身的数据就是值类型的数据

引用类型

存储的是数据的地址，数据单独存储起来的数据就是引用类型的数据

值类型的赋值特征

直接将存储的数据复制一份交给新的变量，两个变量值相同，但是存储空间不同，相互独立，互不影响

引用类型的赋值特征

直接将数据的地址复制一份交给新的变量，两个变量指向同一个对象，修改其中一个，另外一个也会受到影响

异常处理

try{
    //可能出错的代码
}catch(e){
    //出错后的处理代码
    //e 异常信息
}finally{
    //无论是否出错都会执行的代码
    //一般用来做释放资源的操作
}

//手动抛出异常的语句 throw

throw anything;
//throw出去的东西就是被catch捕获的e

调试工具使用

• elements
• console
• network
• sources

结束语

以上列到的都是js中比较常用的知识点。希望大家在js的学习中多多回顾，注意查漏补缺。
最后附上一个本人觉得比较好的前端学习网站w3cschool 在线教程