javaScript内容梳理与总结

javaScript知识梳理

javaScript简介：

avaScript:是一种单线程的可以运行在浏览器或服务端的弱类型脚本语言

一、 单线程：

1. 进程：完成一项任务所经历的过程
2. 线程：线程进进程范围要小，一个进程可以包括多个线程
   二、弱类型：变量的类型由赋值的类型决定
   三、脚本语言：不会提前编译，是在运行时边解释边执行的语言

javaScript发展史：

1. javaScript是1995年诞生的
2. javaScript于1997发布javaScript1.0标准版本(TC29委员会-ECMA262)
3. javaScript于1998发布javaScript2.0标准版本
4. javaScript于1999发布javaScript3.0标准版本
5. javaScript于2005针对javaScript4.0的讨论，比较激烈，不欢而散
6. javaScript于2009发布javaScript5.0标准版本
7. javaScript于2011发布EcmaScript5.1标准版本
8. javaScript于2015发布EcmaScript2015(也称ES6)标准版本
9. javaScript于2016发布EcmaScript2016(ES7)标准版本
10. …往后每年6月份都会发布一个新ES版本

javaScript包括三部分：ECMAScript(核心),DOM,BOM

es6新增特性：

1.let和const

2.解构赋值

3.set和map:即数组和对象的升级版本

  set:数组的升级版本  
add:添加唯一值
delete:删除某一个值
clear:删除所有
forEach:遍历set对象    
注：可以用set来实现数组去重。

 map:对象的升级版本  
   let m1=new Map() 创建map对象
   m1.set(key,value)设置key的值
   m1.get(key)获取key对应的值
   m1.keys()获取key所组成的对象
   m1.values()获取value组成的对象
   m1.entries()获取key,values组成的对象
   m1.forEach()遍历map对象

4、模块化

ES6的模块化：ES module
导出： export default {}
导入： import {},aa from ‘暴露的对象’

node里的模块化：commonJS
导出 modules.exports={}
导入 require(‘导入你的模块’)

5.class类

第一点：ES5中是用函数来模拟一个类,ES6中class来实现一个类

类与对象的关系：一个类可以创建出多个对象（对象也称为实例）

6、扩展运算符（…）

有2个作用：
 	展开操作：
 	
 	 //展开数组
 	 var arr1=[5,3,2,4] //...arr1最终变成 5,3,2,4
  var arr2=['hello','vue.js']
 	 var result=[...arr1,...arr2]
 	 
 	 //展开对象
 	  var obj1={
     name:'alice',
     age:20,
     address:'北京'
 }

 var obj2={
     xueli:'本科',
     hobby:'爬山'
 }
 	var resultOjb={ ...obj1,...obj2 }
 	 
 	 
 	rest操作：
 	//rest操作
 function sum(msg,...arg) {
    console.log('msg:',msg);
    console.log('arg:',arg);

    for(var i=0,result=0;i<arg.length;i++) {
       result+=arg[i]
    }

    console.log(result);
 }

 var arr3=[1,6,7]
 sum('恭喜啊',...arr3)

7、Promise

8.箭头函数:

格式：(参数1，参数2，…参数n)=>{ //代码块 }
1.this指向不同:箭头函数没有自己的this,它的this指父级函数所在的this
2.箭头函数不能实例化:new ()=>{ } 报错
3.箭头函数没有arguments

9.模板字符串:

js定义字符串的形式有3种:单引号(’ '),双引号(" "),反引号（）

10、数组和字符串新增的api方法:

字符串：
 str.includes(‘’)   检测字符是否有某个字符串，如果有返回true,否则false
 str.startsWith(‘’) 检测字符是否在字符串开始，如果是返回true,否则false
 str.endsWith(‘’)检测字符是否在字符串结尾，如果是返回true,否则false
 
数组：
 Array.from:可以将类对象转换成真正的数组
 
   何为类数组：也称伪数组，看着像数组，但不具备数组的api方法，但伪数组有length属性，可以像真实数组那样通过下标来访问
   
  真实数组  = Array.from(伪数组)
    
 
 Array.of
 find
 findIndex
 flat：数组扁平化