JavaScript基于ES6的重点知识点

JavaScript基于ES6的重点知识点

定义变量多用let，少用

var

作为全局是平等的。

在函数里也是平等的。

在块中不同。 let 只是在 for 循环中可见，var 却是在整个函数都是可见的。

判断相等多用

===

==

是判断值相等。

===

既要值相等，类型也要相同。

splice()

与

slice()

与

split()

splice()

splice() 方法用于插入、删除或替换数组的元素。

注意：这种方法会改变原始数组。

语法

array.splice(index,howmany,item1,.....,itemX)

参数 Values

index  必需。规定从何处添加/删除元素。

该参数是开始插入和（或）删除的数组元素的下标，必须是数字。

howmany 必需。规定应该删除多少元素。必须是数字，但可以是 "0"。

如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。

item1, ..., itemX   可选。要添加到数组的新元素

返回值

Array  如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。

slice()

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意： slice() 方法不会改变原始数组。

语法

array.slice(start, end)

参数 Values

start

必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

返回值

Array  返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

split()

split() 方法用于把一个字符串分割成字符串数组。

提示： 如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

注意： split() 方法不改变原始字符串。

语法

string.split(separator,limit)

参数值

separator

可选。字符串或正则表达式，从该参数指定的地方分割 string Object。

limit

可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

Array

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

pop()

与

push()

4000
与

shift()

与

unshift()

pop()

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

注意：此方法改变数组的长度！

提示： 移除数组第一个元素，请使用 shift() 方法。

语法

array.pop()

返回值

所有类型*  The removed array item

数组元素可以是一个字符串，数字，数组，布尔，或者其他对象类型。

push()

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

注意： 新元素将添加在数组的末尾。

注意： 此方法改变数组的长度。

提示： 在数组起始位置添加元素请使用unshift() 方法。

语法

array.push(item1, item2, ..., itemX)

参数值

item1, item2, ..., itemX   必需。要添加到数组的元素。

返回值

Number 数组新长度

shift()

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

注意： 此方法改变数组的长度！

提示: 移除数组末尾的元素可以使用 pop() 方法。

语法

array.shift()

返回值

所有类型*  The removed array item

数组元素可以是一个字符串，数字，数组，布尔，或者其他对象类型。

unshift()

https://www.w3cschool.cn/jsref/jsref-unshift.html 方法可向数组的开头添加一个或更多元素，并返回新的长度。

注意： 该方法将改变数组的数目。

提示: 将新项添加到数组末尾，请使用 push() 方法。

注意： unshift() 方法在Internet Explorer 8及更早IE版本返回undefined。

语法

array.unshift(item1,item2, ..., itemX)

参数 Values

tem1,item2, ..., itemX 可选。向数组起始位置添加一个或者多个元素。

String.fromCharCode()

定义和用法

fromCharCode() 可接受一个指定的 Unicode 值，然后返回一个字符串。

注意：该方法是 String 的静态方法，字符串中的每个字符都由单独的 Unicode 数字编码指定。使用语法： String.fromCharCode()。

语法

String.fromCharCode(n1, n2, ..., nX)

参数值

n1, n2, ..., nX    必需。一个或多个 Unicode 值，即要创建的字符串中的字符的 Unicode 编码。

返回值

String 返回代表 Unicode 编码的字符。

toLowerCase()

定义和用法

toLowerCase() 方法用于把字符串转换为小写。

语法

string.toLowerCase()

charCodeAt()

定义和用法

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。

字符串中第一个字符的位置为 0， 第二个字符位置为 1，以此类推。

语法

string.charCodeAt(index)

参数值

index  必需。表示字符串中某个位置的数字，即字符在字符串中的下标。

返回值

Number 返回在指定的位置的字符的 Unicode 编码。

concat()

定义和用法

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

语法

array1.concat(array2,array3,...,arrayX

参数 Values

array2, array3, ..., arrayX    必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值

Array

对象 返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

箭头函数

箭头函数 很重要！

try{}catch(){}

JavaScript 错误处理 Throw、Try 和 Catch

JavaScript try 和 catch

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。

JavaScript 语句 try 和 catch 是成对出现的。

语法

try

{

//在这里运行代码

}

catch(err)

{

//在这里处理错误

}

Math.ceil

定义和用法

ceil() 方法可对一个数进行上舍入。

如果参数是一个整数，该值不变。

**注意：**ceil() 方法执行的是向上取整计算，它返回的是大于或等于函数参数，并且与之最接近的整数。

语法

Math.ceil(x)

参数值

x  必需。必须是一个数值。

返回值

Number 大于等于 x，并且与它最接近的整数。

Array.from()

Array.from()

new Map()

与

new Set()

Map

Set

for(value in arr)

与

for(value of arr)

的区别

for…in 和 for…of的区别

apply

apply方法详解

JavaScript中方法与函数的区别

重在理解

本文整理来自于w3cschool和阮一峰的ECMAScript 6 入门一书