前端:针对浏览器开发,代码在浏览器运行
后端:针对服务器开发,代码在服务器运行
Node=JavaScript+操作系统API
JavaScript是浏览器和服务器都支持的语言
ECMAScript:JavaScript的核心
BOM:浏览器对象模型,操作浏览器功能的API集合
DOM:文档对象模型,操作页面元素的API集合
闭包:有权访问另一个函数作用于中变量的函数
NPM常用命令:安装包:npm Install -g 包名
更新包: npm update 包名
卸载包:npm uninstall 包名
let与var不同的是块级作用域、不在具备变量提升
let:不同重复声明,块级作用域
const:声明常量
解构:将数组中的值或对象中的属性取出来分为不同的变量,例:
let newPoint=[2,4,5]
let x=newPoint[0]
let y=newPoint[1] ------> let[x,y,z]=newPoint;
let z=newPoint[2]
左右两边解构必须一致,右边必是一个实际内容,数组或对象
箭头函数
function(name){ ------> (name)=>{
如果使用return返回一个执行语句,可写为:
例:var add=(a.b)=>a+b;
console.log(add(1,2));
剩余参数
…用于声明剩余参数
参数模板(模板字符串)
例:let a = “hello”;
let b = “world”;
let c = “${a+b}
”; 控制台输出helloworld
let d = “${a} ${b}
”; 控制台输出hello world
注意:··不是单引号
数组方法
Array.from(json):将json字符串转为数组,其中务必有长度属性 length:3
find():从数组中查找,传入一个有3个参数的函数
value:当前查找的值
index:当前查找的数组索引
arr:当前数组
Array.of(变量):将变量转为数组,替代Array()或new Array()
fill(value,start,end):使用给定的值填充数组,从start位置开始,不包括end位置
遍历数组可只用一下三个方法返回一个遍历器对象,可用for…of循环或next()遍历
entries():键值对遍历
keys():键名遍历
values():键值遍历
数组遍历传统做法:
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}
map():返回一个新数组,其中元素为调用函数后处理的值
Array-reduce
reduce():接收函数作为累加器,数组元素从左到右缩减,最终计算为一个值
Array-filter
filter():创建新数组,新数组中是通过检查指定数组中符合条件左右元素