web网站开发的书籍/谷歌seo新规则

let

区别1:

let定义的变量只能在代码块{}里面使用,形成一个{}块级作用域

var作用于函数作用域

区别2:

let不允许重复声明,它是一个封闭空间,解决了i问题

var a=5

var a=12 //-->a=5

let a=5let a=12 //-->error

const

const用来定义常量,一旦定义了,后面就不能修改了

箭头函数=>

解构赋值

左右两边结构一样

右边必须是合法结构(错误例子：{12,5,8})

声明和赋值写在一句话中(错误例子：let [a,b]; [a,b]=[12,5];)

//数组

let [a,b,c]=[12,5,101] //a=12,b=5,c=101//JSON

let {a,b,c}={b:5,a:12,c:101} //json跟顺序无关,a=12,b=5,c=101//混合型，左右结构、顺序一致

let [{a,b},[n1,n2,n3],num,str] = [{a:12,b:5},[12,5,8],8,'EcmaScript']//a=3,b=8,c is not defined 对数组的解构

var [a,b]=[3,5,8];//x=V,y=u,z=e 对字符串的结构

var [x,y,z]=Vue;//m=10,n=20 对象的解构,对key进行拆分

var {n,m}={m:10,n:20};

字符串模板

rest参数...(3个点)

Map(数据结构)

//例一

let arr=[12,5,8];

let result=arr.map(item=>item*2);

alert(result);//例二

let score=[19, 85, 99, 25, 90];

let result=score.map(item=>item>=60?'及格':'不及格');

alert(score);

alert(result);

面向对象class

模块化

exprot default // 导出

import modA from './a.js' // 引入模块

reduce

化简函数, 从左到右依次处理序列中的元素,并返回结果

array.reduce(func),从0索引开始,依次把元素相加,结果再作为下一个迭代的第一个参数.为了便于理解,我们这样定义一下加法:

加数1+加数2=结果.

func有三个参数.function(value1, value2, index){}

value1是当前迭代中的加数1,也是上一次迭代的返回值.

value2是当前迭代中的加数2,

index是当前迭代中加数2的索引.return 函数处理的结果.

//累加计算

l = [11, 22, 33, 44, 55, 66]

l.reduce(function(a,b,c){console.log(`加数1=${a}, 加数1=${b}, 索引=${c}`); return (a+b) + 1000;});

加数1=11, 加数1=22, 索引=1加数1=1033, 加数1=33, 索引=2加数1=2066, 加数1=44, 索引=3加数1=3110, 加数1=55, 索引=4加数1=4165, 加数1=66, 索引=5

5231 //最终的处理结果.

some

判断函数,序列中只要一个都满足判断条件就返回真值.

array.some(func)

func 判断函数,必须返回布尔值,

其中.回调函数func有三个参数.

function(value, index, array){}

value是当前循环的值,

index是当前索引.

array是数组对象本身.

every

判断函数,序列中每一个都满足判断条件就返回真值.

array.every(func)

func 判断函数,必须返回布尔值,

其中.回调函数func有三个参数.function(value, index, array){}

value是当前循环的值,

index是当前索引.

array是数组对象本身.