【vue 入坑指南 四 】 ES6常用命令

ES6常用命令

1.变量作用域

​ 使用 var 声明的变量会自动进行变量提升 到js文件/函数的最前面进行定义，有内存泄漏，不能及时的清除变量，一般用来定义能够变量提升的普通变量,在函数内部有效

​ 使用 let 声明的变量只是在当前模块有效，并且不进行变量提升，能够及时清除变量，无内存泄漏，一般用来定义一个普通变量，在块中有效

​ 使用 const 声明的常量只是在当前模块有效，不进行变量提升，一般只用来声明一个固定的常量，在块中有效

     {
        let a = 1;
        var b = 2;
      }
      console.log(a);	//报错，未定义
      console.log(b);	//输出2
      

2.模板语言

​ 字符串拼接与Dom节点的拼接

  `   `
  
  //引入变量
`name =   ${name} `;

3.默认参数

//给形参设置默认值，如果调用的时候没传形参 就使用默认值进行计算
function sum(num1 = 0,num2 = 0){	
  return num1+num2;
}

4.箭头函数

减少代码量 提升程序可读性  this指向为根对象

//es5 写法 将数组的值遍历+2
var arr = [2,5,6];
var newarr = arr.map(function(item){
  return item+2;
})
//es6 写法
var newarr1 = arr.map((item)=>{item+2});

5.数组解构

//数组解构
var [a,b,c] = [3,8,10];		//a=3 b=8 c=10

//字符串解构
var [x,y,z] = "Vue";		//x="V" y="u"  z="e"

//对象解构 对key进行拆分 键和值保持一致
var {m,n} = {m:10,n:20};			//{m:m,n:n}
console.log(`m:${m},n:${n}`);		//m:10,n:20
var {n,m} = {m:10,n:20};		
console.log(`m:${m},n:${n}`);		//m:10,n:20

//函数解构
function sum([x,y]){
  return x+y;
}
var total = sum([2,8]);
console.log(total);		//10