第一板块: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>
第四板块: