ES6学习记录(var和let、const和高阶函数)

var与let

//在同一代码块中，var声明的相同标识的变量会被重新赋值
var a = 1
var a = 2
console.log(a) // 输出2

let a = 1
let a = 2	//报错
//用let声明变量，代表着开启了严格模式。
//在同一个代码块中，let声明的变量不允许重复声明变量

---------------------------------------------

//var声明的变量，会受变量提升的影响，在预编译时会把变量声明提前

const

//const声明的变量不允许重复赋值，只能赋值一次
//对象（包括数组和函数）在使用const声明的时候依然是可变的。使用const来声明只会保证它的标识不会被重新赋值。
const s = [5, 6, 7];
s = [1, 2, 3]; // 试图给 const 变量赋值，报错
s[2] = 45; // 与用 var 或 let 声明的数组一样，这个操作也会成功
console.log(s); // 返回 [5, 6, 45]

//JavaScript 提供了一个函数Object.freeze(obj)来防止数据改变。
let obj = {
  name:"FreeCodeCamp",
  review:"Awesome"
};
Object.freeze(obj); //冻结对象
obj.review = "bad"; // obj 对象被冻结了，这个操作会被忽略
obj.newProp = "Test"; // 也会被忽略，不允许数据改变
console.log(obj); // { name: "FreeCodeCamp", review:"Awesome"}

高阶函数（map、filter和reduce）

//map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
let arr = [1, 2, 3 , 4, 5]
arr.map(x => x*x) //1, 4, 9, 16, 25

//filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 
function isBigEnough(element) {
	return element >= 10
}
let filtered = [12, 5 ,8, 130, 44].filter(isBigEnough)
console.log(filtered) //[12,130,44]

//reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。
let arr = [1, 2, 3, 4]
const reducer = (a, b) => a + b
// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

/*
 * reduce(accumulator, initialValue)
 * accumulator是一个累计器函数，用于执行回调
 * initialValue是累计初始值，如果函数为空，则累计结果为initialValue
 * 若函数为空，没有参数可以传给accumulator且没有initialValue时，会出现报错，因为没有给累计器一个默认值
 */
// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15