【九月打卡】第9天 ES与JS的关系及环境搭建(1)
标签：
JavaScript
第一板块：4小时快速体验ES6-10的强大，1-1；2-1；2-2;2-3;2-4;2-5，大谷
第二板块：
JS,ES之间的关系？
JS的组成:ECMAScript+DOM(文档对象模型)+BOM(浏览器对象模型)
为什么用ES？
js的语法层面是遵循es的；
js有哪些问题？
1.变量的作用域：var let const
2.自符串的处理方面：indexOf,includes,startsWith,endsWidth,字符串模板
第三板块：
// ES与JS变量的作用域
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
// let不允许重复说明
let a=12;
console.log(a);
// let创建局部变量（块级）
for(let i=0;i<5;i++){
console.log(i);
}
// 同一个块不允许重复的变量声明
function show1=(args)=>{
{
let args='111';
lconsole.log(args);
}
}
show1(222);
</script>
<body>
</body>
</html>// 自符串的处理方面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
let str='https://www.baidu.com';
let newStr1=str.includes('baidu');
console.log(newStr1);
let newStr2=str.startsWith('baidu',4);
console.log(newStr2);
// 判断str的前八个字符是不是以baidu结尾
let newStr3=str.endsWith('baidu',8);
console.log(newStr3);
// 字符串模板
let str2=`${变量}测试`;
</script>
<body>
</body>
</html>// 快速提高JS拼接字符串速度的方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
function showUser(a,b){
return a[0]+b;
}
let name='zhangsan';
let age='12';
//es5
const newStr1="name="+name+";age="+age;
//es6
const newStr=`name=${name};age=${age}`
showUser(`name=${name};age=${age}`);
</script>
<body>
</body>
</html>第四板块：
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦