JavaScript ES6
ECMAScript 6 是什么?
ECMAScript 6 也称为 ES6 和 ECMAScript 2015。
一些人把它称作 JavaScript 6。
本章介绍 ES6 中的一些新特性。
- JavaScript let
- JavaScript const
- 幂 (**)
- 默认参数值
- Array.find()
- Array.findIndex()
对 ES6(ECMAScript 2015)的浏览器支持
Safari 10 和 Edge 14 是首先完全支持 ES6 的浏览器:
Chrome 58 | Edge 14 | Firefox 54 | Safari 10 | Opera 55 |
Jan 2017 | Aug 2016 | Mar 2017 | Jul 2016 | Aug 2018 |
JavaScript let
let
语句允许您使用块作用域声明变量。
在 JavaScript Let 一章中阅读更多关于 let
的内容。
JavaScript const
const 语句允许您声明常量(具有常量值的 JavaScript 变量)。
常量类似于 let 变量,但不能更改值。
请在我们的 JavaScript Let / Const 章节中阅读更多关于 let 和 const 的内容。
箭头函数(Arrow Function)
箭头函数允许使用简短的语法来编写函数表达式。
您不需要 function 关键字、return 关键字以及花括号。
箭头功能没有自己的 this。它们不适合定义对象方法。
箭头功能未被提升。它们必须在使用前进行定义。
使用 const 比使用 var 更安全,因为函数表达式始终是常量值。
如果函数是单个语句,则只能省略 return 关键字和花括号。因此,保留它们可能是一个好习惯:
在 JavaScript 箭头函数 一章中了解更多关于箭头函数的信息。
Classes 类
ES6 引入了 classes 类。
类是函数的一种类型,但不是使用关键字
function
来初始化它,而是使用关键字
class
,属性在构造函数
constructor()
方法中赋值。
使用关键字 class
创建类,并始终添加构造函数方法。
每次初始化类对象时都会调用构造函数方法。
实例
一个名为 "Car" 类的简单定义:
class Car {
constructor(brand) {
this.carname = brand;
}
}
现在可以使用 Car 类创建对象:
实例
基于 Car 类创建一个名为 "myCar" 的对象:
class Car {
constructor(brand) {
this.carname = brand;
}
}
let myCar = new Car("Ford");
在我们的 JavaScript 类 一章中了解更多关于类的信息。
默认参数值
ES6 允许函数参数具有默认值。
实例
function myFunction(x, y = 10) {
// 如果未通过或未定义,则 y 为 10
return x + y;
}
myFunction(5); // 将返回 15
亲自试一试 »
Array.find()
find() 方法返回通过测试函数的第一个数组元素的值。
此例查找(返回)第一个大于 18 的元素(的值):
实例
var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
亲自试一试 »
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
Array.findIndex()
findIndex() 方法返回通过测试函数的第一个数组元素的索引。
此例确定大于 18 的第一个元素的索引:
实例
var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return
value > 18;
}
亲自试一试 »
请注意此函数接受 3 个参数:
- 项目值
- 项目索引
- 数组本身
新的数字属性
ES6 将以下属性添加到 Number 对象:
EPSILON
MIN_SAFE_INTEGER
MAX_SAFE_INTEGER
新的数字方法
ES6 为 Number 对象添加了 2 个新方法:
Number.isInteger()
Number.isSafeInteger()
Number.isInteger() 方法
如果参数是整数,则 Number.isInteger() 方法返回 true。
Number.isSafeInteger() 方法
安全整数是可以精确表示为双精度数的整数。
如果参数是安全整数,则 Number.isSafeInteger() 方法返回 true。
实例
Number.isSafeInteger(10); // 返回 true
Number.isSafeInteger(12345678901234567890); // 返回 false
亲自试一试 »
安全整数指的是从 -(253 - 1) 到 +(253 - 1) 的所有整数。
这是安全的:9007199254740991。这是不安全的:9007199254740992。
新的全局方法
ES6 还增加了 2 个新的全局数字方法:
isFinite()
isNaN()
isFinite() 方法
如果参数为 Infinity 或 NaN,则全局 isFinite() 方法返回 false。
否则返回 true:
isNaN() 方法
如果参数是 NaN,则全局 isNaN() 方法返回 true。否则返回 false:
指数运算符
取幂运算符(**)将第一个操作数提升到第二个操作数的幂。
x ** y
产生与 Math.pow(x,y)
相同的结果:< /p>