es6
es6
let
声明变量有严格局部作用域
{ let b=2; } console.log(b);//报错
let 只能声明一次 ,var可以声明多次
let 不存在变量提升,var会存在变量提升
let 如果没定义会出现未定义,而var会出现undefined
const
声明常量,只读变量
声明必须初始化,不可改变
解构表达式
数组结构
let arr=[1,2,3]; let[a,b,c]=arr; console.log=(a,b,c);//快速赋值给abc
对象结构
const person={ name:'jack', age:21, language:['java','js','css'] } //以前需要 //const name=person.name; //const age=person.age; //const language=person.language; //现在 const{name,age,language}=person; 就可以单独获取所有值了。 console.log=(name,age,language);
字符串模板
1.多行字符串
2.字符串插入变量表达式${},比如
3.插入方法
1、 let str=`<div><span>hello</span></div>`; 2.${age} 3.${fun()}
箭头函数
1.设置默认值
function add2(a,b=1){ return a+b;//如果b没传默认1 }
2.不定参数
function add3(....values){ }
3.箭头方法
3.1 单个的
3.2 多个的
3.3 对象的箭头加解构
3.1 var print=obj=>console.log(obj); prin(hello); 3.2 var sum=(a,b)=>{c=a+b; return c;} 3.3 const person={ name:'jack', age:21, language:['java','js','css'] } var hello2=({name})=> console.log("hello"+name);
map
map’接收一个函数,将原数组所有元素用函数处理之后放入新数组返回。
let arr=['1','10','5','3']; arr=arr.map(item=>item*2);
reduce
reduce 为数组每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素。
arr.reduce(a,b);a为上一次处理后,b是正在处理
let arr=['1','10','5','3']; 100是第一次处理的值(初始化值),100和1加先,然后加10等等。 arr=arr.reduce((a,b)=>{ return a+b; },100);
Promise
异步
let p=new Promise(()=>{ $.ajax({ url:"xxxx", success:function(){ resolve(data); }, error:function(err){ reject(err); } }) }); p.then((obj)=>{ //成功的结果可以获取到 }).catch((err)=>{})
模块化
代码拆分,方便重复利用 export和import
export 规定对外接口,import 导入其他模块。
hello.js 有个方法需要导出, 下面是导出对象,也可以单独导出
const util={ sum(a,b){return a+b;}} export {util}
user.js
var name=11; var age=222; add(a,b){return a+b} export {name,age,add}
导入
import util from "/hello.js"; import {name,age,add} from "/user.js"; 导入后使用, util.sum(1,2);
---------------------------------------------------------------------------
国之殇,未敢忘!
南京大屠杀!
731部队!
(有关书籍《恶魔的饱食》)以及核污染水排海等一系列全无人性的操作,购买他们的食品和为它们提供帮助只会更加变本加厉的害你,呼吁大家不要购买日本相关产品
昭昭前事,惕惕后人
吾辈当自强,方使国不受他人之侮!
---------------------------------------------------------------------------
作者:三号小玩家
出处:https://www.cnblogs.com/q1359720840/
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。 版权信息
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库