学习es6
2024-09-06 12:19:17
#第一节
初始化项目
npm init -y
安装babel-cli
npm install -g babel-cli
npm install --save-dev babel-preset-es2015 babel-cli
根目录新建.babelrc文件
写入一下内容
{
"presets": [
"es2015"
],
"plugins": [
]
}
转化es6
babel src/index.js -o dist/index.js
自动转
babel src/index.js -w -o dist/index.js
为了方便我们可以配置package.json
如下:
"scripts": {
"dev":"babel src/index.js -o dist/index.js",//不自动生成
"deva":"babel src/index.js -w -o dist/index.js"//自动生成
},
·
然后输入npm run build就可以
编译api
npm install --save babel-polyfill
然后引入
<script type="text/javascript" src="node_modules\babel-polyfill\dist\polyfill.min.js"></script>
#第二节
let 局部声明变量
var 全局声明
const常量声明值不能改变
#第三节
解构赋值
let [a,b,c]=[0,1,2];
console.log(a,b,c);
先赋值解构
let foo;
({foo}={foo:'111'})
#第四节
对象扩展运算符
...
let arr1=['www','aaa','bbbb'];
let arr2=[...arr1];
console.log(arr2);
arr2.push('qqqq');
console.log(arr1);
#第五节
字符串模版
let isp="222";
let aa=`<b>frssd</b>fg<br />dsagdf${isp}`
document.write(aa)
#第六节
#第七节
es6中的数组
Array.from(xxx)json数组转数组
Array.of转换字符串为数组
数组的json格式
let json={
'0':'jsp',
'1':'222',
'2':'edwwa',
length:3
}
find()查找
查找出大于5的
let aa=[1,2,3,4,5,6];
console.log(aa.find(function(value,index,aa){
return value>5
}))
#第八节
fill()//查找替换
for of循环
let arr=['jsp','qqq','eee'];
for(let [index,val] of arr.entries()){
console.log(index,val)
}
entries()实例可以实现不规则循环
#第九节
箭头函数
// function add(a,b){
// return a+b
// }
// console.log(add(1,2))
var add =(a,b=1) => a+b;
console.log(add(1));
#第十节
最新文章
- 好好了解一下Cookie
- Java控制图片按比例缩放- (注意内存释放)
- 当shiro做成动态URL管理时出现循环注入BeanCurrentlyInCreationException的问题解决方法
- ActiveMQ 简介与安装
- Javascript Object、Function对象
- NOIP2015 Revenge
- 解决redhat linux下IP地址可以ping通,域名无法ping通问题
- js实例代码
- Camelot_floyd&;&;DP
- 项目积累——CSS应用
- shell脚本初识
- [转]十年前的老文:以 Linux 的名义
- 玩转Android之Picasso使用详详详详详详解,从入门到源码剖析!!!!
- CentOS下编译安装Gcc-4.9
- storm高级原语-Transactional topology
- python2编码总结(转)
- Thrift RPC实战(二) Thrift 网络服务模型
- 【Python】 系统配置/进程等信息查看 psutil
- 有时候eclipse 导入maven项目 启动的时候回出现这样一个问题
- windows 7 下用git
热门文章
- Tornado Demo1---webspider分析
- java基础之自定义单链表练习
- MySQL数据库 数据库的引擎,模式,数据类型(更新中...)
- Linux TC的ifb原理以及ingress流控-转
- Neo4j Desktop 管理工具的安装和应用
- Hadoop 集群的建立与安装
- Leetcode492.Construct the Rectangle构造矩形
- 《2018年云上挖矿态势分析报告》发布,非Web类应用安全风险需重点关注
- 读书笔记--Head First Python 目录
- JS---案例:表格隔行变色(鼠标划过背景色恢复)