ECMAscript6(ES6)新特性语法总结(一)
ES6/ES2015,,在ES5的基础上扩展了很多新的功能,在使用的时候要慎重,因为有一部分js代码在部分浏览器是不兼容的,但是所有写在服务器端的代码基本上都支持ES6的写法.
新特性:
一.开启严格模式
在函数的第一行加上"use strict"字符串,如果需要整个js代码中开启,就在js第一行加上这一段字符.
设置"严格模式"的目的,主要有:
- 清除javascript语法的一些不合理,不严谨之处,减少怪异行为
- 清楚代码运行的一些不安全之处,保证代码运行的安全.
- 提高编译效率,增加运行速度
- 为未来新版本的javascript做好铺垫.
注意:
在正常模式下可以直接使用为未声明的变量 严格模式不行
name="jhon";
console.log(name);
//输出jhon
在正常模式下一个方法可以有很多个同名参数 严格模式不行
function fn(aa,aa,bb){
return aa+aa+bb;
}
console.log(fn("11","22","33"));
//输出222233
二.定义变量使用let(类似var)
javascript中的var:
- var声明的变量会有变量提升
- var没有块级作用域
- var可以多次重复定义一个变量
这些声明在后天开发语言是不允许的,为了规范变量的声明ES6退出了新的关键字let代替var的声明变量.
let的特点:
- let声明的变量不会有变量提升
- let存在块级作用域
- let不能多次重复定义变量
三.定义常量const
常量是指不会改变的数据.
常量const的特点:
- 值不能再改变
- 常量具有块级作用域
- 不要在块级作用域中声明常量
- 没有变量提升,要先声明后使用
- 不可以声明同名的常量
- 一定要赋初始值,否则会报错
- 如果声明的是常量是一个对象,只要对象的地址不改变,其内部的属性可以改变
四.字符串的扩展
如果要判断字符串”hello word”中是否存在”word”,用字符串中的方法只有indexOf,在ES6中又为我们提供了其它的方法:
- includes()->返回布尔值,用于判字符串是否包含某些字符串
- startsWith()->返回布尔值,用于判断字符串是否以某些字符开头
- endWith()->返回布尔值,用于判断字符串是否以缪谢字符结尾.有两个参数(字符串,数值)->("o",3)用于判断下标3的字符串是否是"0".
- repeat()->传入一个数字,将字符串重复数字对应的次数返回.
注意:传入的是正小数,数字会被向下取整;传入字符串类型的数值("5"),可以,传入("5a")不可以当空处理;不能传入负数.
五.模块语法:"模块字符串"
结构:`模板内容${code}`
注意:code可以是变量,方法名,js表达式
//变量
let name='jack';
let temp=`我叫${name}`;
//temp==>我叫jack //表达式
let a=1;
let b=1;
let temp=`a+b的和是$(a+b)`;
//temp==>2 //方法
function getName(){
return 'jack';
}
let temp=`我叫${getName()}`;
//temp==>jack
六.箭头函数 0=>{}
为了方便书写,es6规定了一种新的写法来简化匿名函数:去掉function改为=>,结构为()=>{}
过程一:去掉function关键字
arr.each(function(m,n){
console.log(n)
});
得到:arr.each((m,n)=>{console.log(n);});
过程二:如果只有一句代码可以去掉大括号和return关键字
得到: arr.each((m,n)=>console.log(n));
过程三:如果参数只一个,可以将参数中的小括号去掉。
得到: arr.each(n=>console.log(n))
过程四:如果代码只有一句,并且代码中return,可以去掉return.
得到: arr.sort((n,m)=>n-m);
注意:箭头函数没有固定的写法,它是根据当前方法的参数和方法的返回值来的
箭头函数中this指向问题:
箭头函数没有自己的this,函数体内部写的this,会顺着作用域去找最近真实存在的this。
箭头函数内部的this是定义时所在的对象,而不是使用时所在的对象,并且不会改变。
- 箭头函数不能作为构造函数
箭头函数中不存在arguments,箭头函数中的argument指向的是外层的arguments.
未完,待续...
ECMAscript6(ES6)新特性语法总结(一)的更多相关文章
- 34.js----JS 开发者必须知道的十个 ES6 新特性
JS 开发者必须知道的十个 ES6 新特性 这是为忙碌的开发者准备的ES6中最棒的十个特性(无特定顺序): 默认参数 模版表达式 多行字符串 拆包表达式 改进的对象表达式 箭头函数 =&> ...
- 浅谈ES6新特性
ES6的了解 新增模板字符串(为JavaScript提供了简单的字符串插值功能).箭头函数(操作符左边为输入的参数,而右边则是进行的操作以及返回的值Inputs=>outputs.).for-o ...
- ES6新特性概览
本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...
- ES6新特性简介
ES6新特性简介 环境安装 npm install -g babel npm install -g babel-node //提供基于node的REPL环境 //创建 .babelrc 文件 {&qu ...
- 必须掌握的ES6新特性
ES6(ECMAScript2015)的出现,让前端开发者收到一份惊喜,它简洁的新语法.强大的新特性,带给我们更便捷和顺畅的编码体验,赞! 以下是ES6排名前十的最佳特性列表(排名不分先后): 1.D ...
- 你不知道的JavaScript--Item24 ES6新特性概览
ES6新特性概览 本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代 ...
- javascript ES6 新特性之 扩展运算符 三个点 ...
对于 ES6 新特性中的 ... 可以简单的理解为下面一句话就可以了: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中. 作用类似于 Object.assign() ...
- 前端入门21-JavaScript的ES6新特性
声明 本篇内容全部摘自阮一峰的:ECMAScript 6 入门 阮一峰的这本书,我个人觉得写得挺好的,不管是描述方面,还是例子,都讲得挺通俗易懂,每个新特性基本都还会跟 ES5 旧标准做比较,说明为什 ...
- ES6新特性概览1
本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...
随机推荐
- 性能测试工具LoadRunner27-LR之读取Excel数据
为何要读取Excel数据? 很多用户喜欢用Excel来统计数据,比如学生成绩表.个人信息等.有时需要把Excel中的数据来进行参数化,数据量比较多时,一个个在LR里输入是不现实的,因此需要用LR来导入 ...
- httpUrlConnection连接网络的用法(用到了handle传递消息,在主线程中更新UI)
由于httpclient在Android5.0以后已经过时,所以官方推荐使用httpUrlConnection来连接网络,现将该连接的基本方法展示,如下 注意:记得加入<uses-permiss ...
- 测试阿里云1核2g轻量级服务器的吞吐量
使用jmeter对部署的dbshop发起请求,单线程5000次请求 面板为宝塔界面 吞吐量大概在每秒48个请求左右.可以看出阿里云1核2g服务器其实并不能进行实战,只是新手练手而已. 阿里云另一种ec ...
- Quartz使用(5) - Quartz的Job存储及集群部署
1. Job的存储与持久化 Quartz的JobStore接口定义了作业Job.触发器trigger.调度器Scheduler等数据存储机制.Quartz主要有两种Job存储类型:内存存储RAMJob ...
- C# 本地文件的上传和下载
本文主要介绍一下,在APS.NET中文件的简单上传于下载,上传是将文件上传到服务器的指定目录下,下载是从存入数据库中的路径,从服务器上下载. 1.上传文件 (1)页面代码 <table alig ...
- C#中实现输入汉字获取其拼音(汉字转拼音)的2种方法
主要介绍了C#中实现输入汉字获取其拼音(汉字转拼音)的2种方法,本文分别给出了使用微软语言包.手动编码实现两种实现方式,需要的朋友可以参考下 本文刚发布时,只写了一个实现方式,使用的是微软的语言包,但 ...
- mysql数据库免安装版的配置过程
1,从mysql官方网站下载免安装版本与自己电脑位数相同的mysql版本. 链接:https://www.mysql.com/ 2,将包解压到自定义的目录下 (例:D:\mysql-5.7.23-wi ...
- 粗看ES6之解构赋值
标签: javascript es6 什么是解构赋值? 示例如下: <!DOCTYPE html> <html> <head> <meta charset=& ...
- HTTP杂记
HTTP请求中的浏览器Timing信息: stalled:浏览器发出请求到这个请求可以发出的等待时间 proxy negotiation: 代理协商的时间 request sent:请求的第一个字节发 ...
- <Android 基础(六)> ActionBar
介绍 Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用户动作.界面导航等功能.使用ActionBar的好 ...