ES6中常用的10个新特性讲解_es6新特性演示-程序员宅基地

技术标签: 结构清晰  js  es6  面试题  

ES6中常用的10个新特性讲解

ECMAScript 6(ES6) 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6
的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。

下面逐一为大家详解常用的ES6新特性:

1.不一样的变量声明:const和let

ES6推荐使用let声明局部变量,相比之前的var(无论声明在何处,都会被视为声明在函数的最顶部) let和var声明的区别:

var x = '全局变量';
{
   
    
  let x = '局部变量';
  console.log(x); // 局部变量
}
console.log(x); // 全局变量

let表示声明变量,而const表示声明常量,两者都为块级作用域;const 声明的变量都会被认为是常量,意思就是它的值被设置完成后就不能再修改了:

const a = 1
a = 0 //报错

如果const的是一个对象,对象所包含的值是可以被修改的。抽象一点儿说,就是对象所指向的地址没有变就行:

const student = {
   
     name: 'cc' }

student.name = 'yy';// 不报错
student  = {
   
     name: 'yy' };// 报错

有几个点需要注意:

  • let 关键词声明的变量不具备变量提升(hoisting)特性
  • let 和 const 声明只在最靠近的一个块中(花括号内)有效
  • 当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASING
  • const 在声明时必须被赋值

2.模板字符串

在ES6之前,我们往往这么处理模板字符串: 通过“\”和“+”来构建模板

$("body").html("This demonstrates the output of HTML \
content to the page, including student's\
" + name + ", " + seatNumber + ", " + sex + " and so on.");

而对ES6来说:

  1. 基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定;
  2. ES6反引号(``)直接搞定;
$("body").html(`This demonstrates the output of HTML content to the page, 
including student's ${
     
      name}, ${
     
      seatNumber}, ${
     
      sex} and so on.`);


3.箭头函数(Arrow Functions)

ES6 中,箭头函数就是函数的一种简写形式,使用括号包裹参数,跟随一个 =>,紧接着是函数体;
箭头函数最直观的三个特点:

  • 不需要 function 关键字来创建函数
  • 省略 return 关键字
  • 继承当前上下文的 this 关键字
// ES5
var add = function (a, b) {
   
    
    return a + b;
};
// 使用箭头函数
var 
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/fan_ge_/article/details/117931216

智能推荐

ToLua(LuaFramework) - 如何使用ToLua去加载一个面板(一)-程序员宅基地

文章浏览阅读668次,点赞3次,收藏2次。参考 : https://www.cnblogs.com/imteach/p/10630099.html首先我们在 vscode 中打开 lua 文件。从这里大概就可以推测出来这套框架是采用到了 MVC 的结构:对区块进行一个划分XxxPanel :负责页面的显示逻辑,显示层XxxCrrl :负责事件处理,控制层但是有意思的是好像没有找到 具体的能得到的 Model 层。然后继续往下面走的话就是可以在 Logic/Game.lua 中找到游戏入口,也就是 下边的:这个函数里边儿.

android 平面图app_安卓app设计规范整理和Android APP设计篇-程序员宅基地

文章浏览阅读818次。随着安卓智能手机不停的更新换代。安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等。以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计。所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是..._安卓app设计规范

Spring系列:FactoryBean和BeanFactory对比区别_factorybean 和beanfactory-程序员宅基地

文章浏览阅读359次。Spring Bean有两种实现,普通Bean、工厂Bean(FactoryBean)实现FactoryBean的方法就是pojo继承FactoryBean,并实现他的方法,当容器通过getBean()获取bean时,返回的是实现的getObject()方法所返回的对象_factorybean 和beanfactory

菜单效果-程序员宅基地

文章浏览阅读72次。 https://github.com/FrDH/jQuery.mmenu https://github.com/kamens/jQuery-menu-aim https://github.com/onokumus/metismenu_菜单效应

各种命名空间-程序员宅基地

文章浏览阅读157次。xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" xmlns:local="clr-namespace:ToWin.CFD.UIL.Views.Pages" xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf" xmlns:materialDesign="http://materialdesigninxaml.ne...

联想拯救者y7000键盘有几个按键失灵_y7000p键盘失灵-程序员宅基地

文章浏览阅读1.2w次。以联想拯救者y7000p为例,键盘失灵是系统有问题,联想笔记本都带着一键还原功能,只要没有重新安装过系统。一键还原按钮在笔记本左侧或者右侧,是一个很细的孔,进行还原系统即可。键盘(Keyboard)是用于操作设备运行的一种指令和数据输入装置,也指经过系统安排操作一台机器或设备的一组功能键。键盘是最常用也是最主要的输入设备,通过键盘可以将英文字母、数字、标点符号等输入到计算机中,从而向计算机发出命令..._联想拯救者y7000 2022款键盘失灵

随便推点

AUTOSAR SecOC Introduction -- Part 1-程序员宅基地

文章浏览阅读2.6k次,点赞5次,收藏30次。IntroductionAUTOSAR Secure Onboard Communication (SecOC) 作用是提供一种机制用于保证ECU之间通信过程中的“重要”数据的完整性和身份验证。目前SecOC 需要和COM Stack 结合使用,对于SWCs之间的数据保护则不能使用SecOC在AUTOSAR 架构中,SecOC 和PDUR 数据同一层, 其要负责和Crypto Stack交互进行数据加密与验证,也要负责和PDUR 交互进行数据的传递传统通信方式弊端数据完整性的保护机制_autosar secoc

【SARScape5.6】哨兵1号裁剪 bug:NO BURSTS HAVE BEEN CUT_sarspace二次裁剪-程序员宅基地

文章浏览阅读469次。下了24景哨兵1A IW SLC的数据,导入SARSACPE后得到*_slc_list文件和*_pwr文件,在pwr强度文件上划定感兴趣区,创建矢量shp,采用SAR坐标系下的裁剪【Sample Selection SARGeometry Data】(之前试过先geocoding后再裁剪,会在做干涉图的时候报错,就没再尝试了),把参数调整好开始运行,出现错误。_sarspace二次裁剪

下载apk文件在/data/data/packagename/files/目录下,如何安装成功_/android/data/packagename/files生成-程序员宅基地

文章浏览阅读1.9k次。今天总结一下我们写的程序需要更新(默认用户已经安装上旧版本了),而用户更新时却没有sdcard的情况,如果有sdcard,那就不用废话了。。。 先说一下软件更新的基本原理,从服务器下载一个程序的apk,然后启动安装,通常的情况下我们用到的都是在sdcard中操作,比如做些图片缓存或者记录一些用户的信息之类的,而今天要总结的是在用户没有sdcard的情况下的做法。 1_/android/data/packagename/files生成

Mybatis学习_mybatis show index-程序员宅基地

文章浏览阅读505次。环境:回顾:SSM框架:配置文件最好的方式:看官网文档[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a3i15Vzc-1666011193374)(C:\Users\22343\AppData\Roaming\Typora\typora-user-images\image-20220925233949003.png)]如何获得mybatis?maven仓库GitHub:Releases · mybatis/mybatis-3 (github.com)中文文档:mybat_mybatis show index

OpenGL:背面剔除_opengl 背面剔除-程序员宅基地

文章浏览阅读303次。背面剔除、缠绕顺序_opengl 背面剔除

【MySQL系列2】深入分析MySQL索引的存储结构和优化方案,看完这篇再也不怕面试官问索引了-程序员宅基地

文章浏览阅读486次,点赞14次,收藏8次。由于篇幅原因,就不多做展示了《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!**由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)[外链图片转存中…(img-Wx3Q6hLe-1713533385408)]