ES(ECMAScript)「建议收藏」

ES(ECMAScript)「建议收藏」一、ES全称EcmaScript,是脚本语言的规范,而平时经常编写的JavaScript是EcmaScript的一种实现,所以ES新特性其实指的就是JavaScript的新特性。二、为什么要学习ES61.ES6的版本变动内容最多,具有里程碑意义2.ES6加入许多新的语法特性,编程实现更简单、高

大家好,欢迎来到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

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信