目录
前言
js 基础(2) https://blog.csdn.net/yzj17025693/article/details/95291179
ES6是js的新标准,添加了很多额外的语法
ES6定义变量和结构化赋值
用var定义的变量是没有作用域的,重复定义直接覆盖
// let声明的变量不能预解析
console.log(a);
let a=10;
//let声明的变量不能重复
let flag=10;
let flag=20;
console.log(flag)
//let声明有了块级作用域,跨域便识别不了
if (true){
var a1=123;
let a2=123
}
console.log(a1);
console.log(a2);
// const声明的常量不允许重新赋值
const a3=10; //常量必须初始化
a3=20; //不允许
数组的结构赋值
var a=1;b=2;c=3; //原来的方式
var [a,b,c]=[1,2,3] //现在的方式
let [a=111,b,c]=[,123,]; //可以设置指定的数值和默认值
console.log(a,b,c);
函数参数也可以被数组结构化
对象的结构赋值
// 根据遍历的名称赋值
// 可以给属性设置别名 属性:别名,这样调用的时候也必须用别名
let {a,c:c1}={a:'aa',c:'cc'};
console.log(a,c1);
对象的简写
本来是username:usernmae 把上面let的值赋值给对象,但是同名的属性可以省略不写
字符串结构赋值
// 会被拆分成单个的字符
let [a,b,c,d,e]="hello";
console.log(a,b,c,d,e);
let {length}="hhh";
console.log(length) //会打印出长度,这是对象的赋值
箭头函数
箭头函数定义的匿名函数,里面是没有this的,会用外部的this,在vue里面这个很实用
左边的括号是形参,没有形参则不用写,右边是函数体
只有一个新参的时候,可以把小括号删掉,如果有2个或者没有,就得加上小括号
函数体的标准
当只有1条表达式的时候,{}可以省略,并且会自动返回表达式的结果
如果加了大括号,那么就需要写return
数组的扩展
数组的reduce方法
https://www.cnblogs.com/cckui/p/9267542.html
数组的find方法
https://www.jianshu.com/p/1c15be16a85a
import, require,export的使用
前2个用于导入模块,后1个用于导出模块
可以参考https://blog.csdn.net/qq_28702545/article/details/54892562
荒天帝灬 发布了143 篇原创文章 · 获赞 36 · 访问量 3万+ 私信 关注
原文地址:https://blog.csdn.net/yzj17025693/article/details/95738460
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。