-
1,let不允许重复定义,与var不同
2,let是局部变量,与var不同。var定义的是全局变量
3,const定义的是一个不可修改的常量,不可以重复赋值
4,indexof返回的是0/-1, es6中用includes方法代替 返回true / false;
5,startWith和endWith 也是返回true/false
查看全部 -
要注意const声明的常量不是值不能动,而是指向的那个内存地址所保存的数据不得改动。对于简单的数据类型(Number, String, Bool)值就保存在那个内存地址,所以值就不能变了。而复合类型的(最主要的是数组和对象)里面的内容是可变的,但指向还是不能变。
From阮一峰老师的《EMCAScript 6 入门》
查看全部 -
课程安排查看全部
-
课程目标查看全部
-
JS的问题出现在哪儿查看全部
-
//1et str="name="+userName+",age="+userage+",1ogo="+1ogo ;
let str= name1=${userName },age1=${userAge},1ogo3=${logo}^ ;
console. log(str);
查看全部 -
●问题2 :字符串方面的处理
●indexOf
●includes、 startsWith、 endsWith
●模板字符串
查看全部 -
把ES6以上的版本,转换成ES5
首先把2015的插件卸载掉:npm unistall --save babel-preset-es2015
对ES以后的所有版本都用env,代表ES6+:npm install babel-preset-env -D
.babelrc文件中改为:{"presets": ["env"]}
查看全部 -
半自动转换。。也可以说是手动
.babelrc:
{"presets": ["es2015"],"plugins":[]}
"scripts":{
"build":"babel src/index.js -o dist/index.js"
}
npm run build
将
"scripts":{
"build":"babel src -d dist"
},
复制到package.json中
src同级新建一个.babelrc文件,将{"presets": ["es2015"],"plugins":[]}复制进去
这时候运行npm run build
查看全部 -
1.手动单个文件转换:babel es6.js --presets es2015
这行命令行仅限在命令行看转换后代码,导出为另一个文件需要:
babel es6.js -o js2.js --presets es2015
-o为out表示输出
2.将文件夹src底下的文件批量转换到dist文件夹中:
babel src -d dist --presets es2015
查看全部 -
用于高版本ES转成低版本ES
查看全部 -
ES全家福
要点1:ES版本很多,为什么经常听到ES6
ES的版本命名规则
区分ES5和ES6以后的版本
ES2015、2016、2017、2018、2019泛称ES6。细分的话就是ES6,7,8,9,10
要点2:各个版本细节
ES3 1999年12月颁布
ES4 2008年7月发布之前废弃
ES5 2009年12月发布
ES5升级到ES2015,添加了类和模块、箭头函数等很多变革
ES2015升级到ES2016,添加Array.prototype.includes、求幂操作符
ES2016升级到ES2017,添加字符串填充、函数参数的尾逗号、增加异步函数等操作。
ES2017升级到ES2018,添加共享内存和Atomics、用于正则表达式的“dotall”标志。
ES2018升级到ES2019,添加更友好的JSON.stringify,为Symbol类型增加Symbol.protptype.description的一个访问器属性。
查看全部 -
JS1内容:
import js2 from './js2.js';
let m=0;
function fun2(){
return 666+js2.m1
}
export default{
name:'测试网页01',
fun:(x)=>{
return `传参是${x}`
},
fun2:()=>{
return fun2()
}
}
JS2内容:
let m=100;
let n=200;
export default{
m1:m+n,
}
HTML内容:
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="module">
import js1 from './js1.js';
console.log(js1.name);
console.log(js1.fun(999));
console.log(js1.fun2());
</script>
</html>
查看全部 -
解决模块引用时跨域问题-安装live server插件,且通过此插件运行访问网页
跨域-浏览器同源(同一个域)策略的限制
浏览器类似于Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.的报错,基本都是跨域问题
查看全部 -
Module语法:
export:暴露 import:引入
JS文件中export default{}中的内容是别的文件通过inport引入可以使用的
查看全部
举报