大家好,欢迎来到IT知识分享网。
一、ES全称EcmaScript,是脚本语言的规范,而平时经常编写的JavaScript是EcmaScript的一种实现,所以ES新特性其实指的就是JavaScript的新特性。
二、为什么要学习ES6
1.ES6的版本变动内容最多,具有里程碑意义
2.ES6加入许多新的语法特性,编程实现更简单、高效
3.ES6是前端发展趋势,就业必备技能
三、let变量声明以及声明特性
1 //声明变量 2 let a; 3 let b = 100; 4 5 //1.变量不能重复声明 6 let cat = 'Tom'; 7 let cat = 'Tom'; 8 9 //2.块级作用域 全局,函数,eval 10 { 11 let mouse = 'Jerry'; 12 } 13 console.log(girl); 14 15 //3.不存在变量提升 16 console.log(movie); 17 let movie = 'catoon'; 18 19 //4.不影响作用域链 20 { 21 let catoon = 'tom and jerry'; 22 function fn(){ 23 console.log(catoon); 24 } 25 fn(); 26 }
四、const声明常量以及特点
1 //声明常量 2 const NAME = 'Tom'; 3 4 //1.一定要赋初始值 5 const A; 6 7 //2.一般常量使用大写(潜规则) 8 const a = 100; //不会报错 9 10 //3.常量的值不能修改 11 NAME = 'jerrt'; 12 13 //4.块级作用域 14 { 15 const MOVIE = 'monkey'; 16 } 17 console.log(MOVIE); 18 19 //5.对于数组和对象的元素修改,不算做对常量的修改,不会报错
五、模板字符串
1 //ES6引入新的声明字符串的方式``,'',"" 2 //1.声明 3 let str = `tom and jerry`; 4 console.log(str,typeof str); 5 6 //2.内容中可以直接出现换行符 7 let str = `<ul> 8 <li>monkey</li> 9 </ul>`; 10 11 //3.变量拼接 12 let person = '孙悟空'; 13 let out = `${person}是我最喜欢的人`; 14 console.log(out);
六、对象的简化写法
1 <script> 2 //ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。 3 //这样的书写更加简洁 4 let name = '孙悟空'; 5 let change = function(){ 6 console.log('齐天大圣'); 7 } 8 9 const school = { 10 name, 11 change, 12 improve(){ 13 console.log("monkey king!"); 14 } 15 } 16 17 console.log(school); 18 19 </script>
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/29963.html