当前位置:首页 > 技术分析 > 正文内容

JavaScript6里出现了哪些新语法、新特征?

ruisui883个月前 (03-17)技术分析31

新版本
javascript6/ECMAScript2015 在去年出来了,我们现在普遍使用的javascript 5是在2009年出来的,相隔这么多年,变化比较大,添加了一些很好用的特性。

下面就看几个简单而实用的小特性

1、模板文本

需要在字符串中加入变量时,通常做法就是使用字符串拼接,如:

ES6中简单了,可以直接在字符串中添加变量:

注意,使用的是反引号 “,而不是 ”

2、多行字符串

例如想定义一个html代码片段,放在一行很难看,想用多行,还得用字符串拼接:

一堆加号和引号,很麻烦

ES6中的反引号就能简单的解决

非常清晰,里面还可以直接加变量,很方便

3、参数默认值

想给参数设置默认值时,需要我们手工处理,例如:

ES6可以直接指定默认值:

4、解构赋值

例如有一个json对象:

想取得name,age属性的话,需要分别获取:

ES6可以自动获取并赋值:

这几个示例只是比较简单的语法方面的便利特性,ES6还有一些比较深入的改进,例如:

如何使用ES6?

ES6是个新东西,兼容性还是个大问题,直接使用肯定是不可行了

还好,已经有了ES6的代码转换器,可以把ES6的代码转为ES5的代码(例如 babel),可以让我们使用ES6,又不担心兼容问题

我还没实际应用,不知道实际兼容效果是否有那么好

babel的官网: https://babeljs.io/

babel 示例

babel有gulp插件,下面是个简单的ES6代码转换示例

1)安装环境

需要你的机器上已经装了nodejs、gulp

然后安装babel客户端

在项目目录下安装相关插件:

(2)测试脚本

用ES6方式写一个测试 a.js

编写 gulpfile.js:

这个脚本的意思是使用babel把a.js编译并输出到dist目录下

(3)执行编译

在项目目录中执行

执行结束后,到dist目录下查看编译后的a.js

作者:程序员视野

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/2814.html

分享给朋友:

“JavaScript6里出现了哪些新语法、新特征?” 的相关文章

Beta版Linux Mint“Xia”发行版22.1发布

IT之家 12 月 13 日消息,Beta 版 Linux Mint“Xia” 22.1 昨日(12 月 12 日)发布,新版本基于 Ubuntu 24.04,内核版本为 Linux 6.8,长期支持将持续到 2029 年,为用户提供可靠稳定的使用体验。新版本在软件包管理方面,主要弃用了传统的 ap...

带你五步学会Vue SSR

作者:liuxuan 前端名狮转发链接:https://mp.weixin.qq.com/s/6K6GUHcLwLG4mzfaYtVMBQ前言SSR大家肯定都不陌生,通过服务端渲染,可以优化SEO抓取,提升首页加载速度等,我在学习SSR的时候,看过很多文章,有些对我有很大的启发作用,有些就只是照搬官...

前后端分离自动化运维平台开发

运维平台采用前后端分离:前端vue,框架vue-element-admin;后端python,框架django-rest-framework.目前运维平台模块如下:1、 CMDB管理应用管理、环境管理、开发语言管理、产品项目管理、资产管理2、 构建发布持续构建、持续部署、Jar工程依赖构建3、 容器...

使用cgroup限制进程资源

这里使用containerd项目中的cgroup包来实现进程资源限制。先写一个耗费一个CPU并且一秒增加10m内存的测试进程package mainimport ( "fmt" "math/rand" "time")func main() { go f...

壹啦罐罐 Android 手机里的 Xposed 都装了啥

这是少数派推出的系列专题,叫做「我的手机里都装了啥」。这个系列将邀请到不同的玩家,从他们各自的角度介绍手机中最爱的或是日常使用最频繁的 App。文章将以「每周一篇」的频率更新,内容范围会包括 iOS、Android 在内的各种平台和 App。本期继续歪楼,由少数派撰稿作者@壹啦罐罐介绍他正在使用的...

一次Java内存占用高的排查案例,解释了我对内存问题的所有疑问

问题现象7月25号,我们一服务的内存占用较高,约13G,容器总内存16G,占用约85%,触发了内存报警(阈值85%),而我们是按容器内存60%(9.6G)的比例配置的JVM堆内存。看了下其它服务,同样的堆内存配置,它们内存占用约70%~79%,此服务比其它服务内存占用稍大。那为什么此服务内存占用稍大...