1.let和const:
let和var的区别:
(1)看是否有变量提升
var有变量提升,let没有
(2)看是否有块级作用域
(3)看是否能够重复定义
2.解构赋值
import {mapAction,mapGetters} from ‘vuex’
//数组解构赋值
let arr=[‘hello’,‘vue.js’,‘React’,‘微信小程序’]
let [one,two,three]=arr;
// console.log(one)
// console.log(three)
//对象解构
let obj={
name:'alice',
age:20,
info:{
xueli:'本科',
address:'中国'
}
}
let { name, info:aa }=obj
// console.log(name);
console.log(‘aa:’,aa.address);
3.set和map:即数组和对象的升级版本
set:数组的升级版本
add:添加唯一值
delete:删除某一个值
clear:删除所有
forEach:遍历set对象
注:可以用set来实现数组去重,
var arr=[3, 4, 5, 5, 2, 2, 4, 6, 562, 2]
例如:[...new Set(arr)]
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种:单引号(’ '),双引号(" "),反引号()
let str1=‘hello’;
let str2=“vue.js”
let str3=我爱中国的${str2}
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:数组扁平化
如何将数组降维: