es6 入门 变量，箭头函数，变量字符串拼接

Posted 2020-10-15 xinfang

ES6里面，变量表示方法不再只有var 一种，而变成了三种。

var ， let， const

let 和var 的区别呢，是无法定义let 两次，但是内容还是可以换的。

这避免了不小心覆盖了变量的可能性。

let oop = ‘00p‘
oop=23;
console.log(oop); //23
____________________________
let oop = ‘00p‘
let oop=23;
console.log(oop); // SyntaxError: Identifier ‘oop‘ has already been declared

　而const ,顾名思义，可以用来定义静态变量。比如PI.

const pi = 3.414;

const pi = 0; //SyntaxError: Identifier ‘pi‘ has already been declared
//而如果用

pi = 0； //TypeError: Assignment to constant variable.

//但是有一种例外，用const 定义对象的情况下，对象属性可以被重新定义。

const loops ={p:‘lol‘,a:‘pp‘,x:‘oo0‘}

loops.x= 1 ;

console.log(loops.x);//1

　　

ES6的匿名函数的表示方法，从以前的

function (){};

这种形式，变成了（）=>{} ,的形式，也就是把 关键字function 变成了‘=>’还挪到了（）后面。

如果只有一个参数的情况下（）也可以省略。

 

ES6里面，不再采用之前那种 如果字符串和变量一起返回，用‘+’来拼接的形式了。

而是 采用``这个符号包围字符串和变量。用${}包裹着变量，而字符串不需要处理。

${}里面不仅仅可以包含变量还可以包含代码。

有点类似于php的样子。

例子：

const aArray = [‘w‘,‘b‘,‘c‘];
console.log(
`hey,${aArray.map(item =>{if(item =="c") 
return`${item} is the item `}).join(‘‘)}`
)

　　

　　有时候，匿名函数连{}都可以不要，直接用``就可以了。

const aArray = [‘w‘,‘b‘,‘c‘];
console.log(
`hey,
${aArray
.map(item =>`${item} is there.`)
.join(‘‘)}`
)