JavaScript ES6
你好!程序员们,今天我将探讨每个开发人员都应该知道的 10 个 javaScript 概念。所以,我们走吧……
1. 箭头函数
一个箭头函数表达式是声明一个传统的功能表达的替代方式。但是箭头函数和传统函数有一些区别。
- 传统函数有“ this”关键字,但箭头函数没有“ this”关键字。
- 传统函数有“ arguments”关键字, 但箭头函数没有“ arguments”关键字。
- 传统函数可以用作“构造函数”, 但箭头函数不能用作“构造函数”。
如果我们使用箭头函数,我们应该删除 function 关键字并在参数和左括号之间设置箭头 =>。我们可以将函数存储在变量中。如果箭头函数写在一行中,那么我们可以删除正文括号和return关键字。如果箭头函数只有一个参数,那么我们可以去掉参数括号。
代码示例:
const sum = (a, b)=> { return a+b; } console.log(sum(5, 7)) // 输出,12const multiply = (a, b) => a*b console.log(multiply(5, 7)) // 输出,35const double = a => a*2 console.log(double(5)) // 输出,10
2.默认参数
您可以在 es6 之后的函数中使用默认参数。如果从不传递参数,则可以设置默认参数。如果传递 undefined 或未传递参数,则默认参数将设置,否则不会设置。
代码示例:
function add(a, b=5){ return a+b; } console.log(add(7)) // 输出,12function add(a, b=5){ return a+b; } console.log(add(7, 4)) // 输出,11
3. IIFE 功能
IIFE全义——立即调用函数表达式
如果我们定义了一个函数并且希望该函数立即调用,那么我们可以使用 IIFE 函数。IIFE 函数是一个匿名函数,该函数会立即调用。我们不能再次调用 IIFE 函数。
代码示例:
(function (){ console.log(5+7); })(); // 输出,12
4.传播算子
扩展运算符(...) 或三个点是 es6 的功能。您可以使用扩展运算符连接数组、对象和字符串。它用于要扩展的数组表达式或字符串或要扩展的对象表达式。您可以复制数组的所有元素、对象的所有属性以及字符串的所有可迭代对象。
代码示例:
const 数字 = [1, 8, 5, 15, 10]; console.log([...numbers]) // 输出, [1, 8, 5, 15, 10] console.log([...numbers, 65]) // 输出, [1, 8, 5, 15, 10, 65]const user = {name: 'Shuvo'} console.log({...user}) // output, {name: 'Shuvo'} console.log({...user, id: '1'}) / / 输出, {名称:'Shuvo',ID:'1'}
5. isNaN() 方法
isNaN()如果参数是 NaN方法返回真,否则返回假。
代码示例:
控制台日志(isNaN(12));// 输出,假 console.log(isNaN("false")); // 输出,真 console.log(isNaN("12")); // 输出,false console.log(isNaN("")); // 输出,false console.log(isNaN("12as")); // 输出,真
JavaScript 有两种数据类型。原始和引用或对象和函数。
6. 原始价值
有 7 种原始数据类型。他们是___
- 数字
- 细绳
- 布尔值
- 不明确的
- 空值
- 象征
- 大整数
代码示例:
console.log(typeof(5)) //output, "number" console.log(typeof('Hello')) //output, "string" console.log(typeof(true)) //output, "boolean" console.log(typeof(undefined)) //输出,“未定义” console.log(typeof(null)) //输出,“对象”**在 JavaScript 中,typeof null 是“对象”。我们可以认为它是 JavaScript 中的一个错误,我们可以认为它应该是“null”。
7.引用或对象和函数
没有原始数据类型,javaScript 的其他数据类型是引用数据类型。他们是 ____
- 目的
- 功能
数组、正则表达式和日期是对象类型。
代码示例:
console.log(typeof({name: 'Faysal'})) //输出,“对象” console.log(typeof([1, 2, 5])) //输出,“对象” console.log(typeof( () => 4+4)) //输出,“函数” console.log(typeof(/exp/)) //输出,“对象”
8. 双等号 (==) 与三等号 (===)
在 JavaScript 中,两个 double 相等比较值。如果值相等,则返回true。但是 三重相等比较值并比较数据类型。如果值相等且类型相等,则返回true,否则返回false。我们应该使用三重相等进行比较,这是最佳实践。
代码示例:
console.log(5=="5") // 输出,真 console.log(5==="5") // 输出,假 console.log(1==true) // 输出,真 console.log (1===true) // 输出,假 console.log(0==false) // 输出,真 console.log(0===false) // 输出,假
9. 三元运算符
三元运算符,另一种条件检查方法。这是条件最小的方法。您可以使用三元运算符编写一行条件。在三元运算符条件检查中使用问号(?)和冒号(:)。首先,我们写条件, num>5 然后我们应该使用问号(?),然后我们在条件为真时连接代码,那么我们应该使用一个冒号 (:),然后我们在条件为假时连接代码。我们可以在三元运算符中使用嵌套条件。三元运算符应该编写条件为真和假的代码。
代码示例:
const number1 = 5; const number2 = 8; const 最大 = number1 > number2 ? 编号 1:编号 2; console.log(largest) // 输出,8
10.解构
有两种解构,数组和对象。
对象解构:可以解构变量中的对象属性,变量名和属性名要一致。我们可以解构对象中的任何属性。在对象解构中,我们不应该维护任何属性是第一个或最后一个或任何位置的任何顺序。在对象解构中,我们应该用花括号声明一个变量{ }。在花括号中,我们应该写出我们想要从对象中解构的那些属性。然后我们应该使用赋值运算符=,在右侧,我们使用该对象。
数组解构:我们可以对变量中的数组元素进行解构,变量名和元素不需要同名。在数组解构中,我们应该保持元素是第一个或最后一个或任何位置的顺序。在数组解构中,我们应该用数组符号 声明一个变量[]。在数组符号中,我们应该按照元素是第一个或最后一个或任何位置的顺序写入元素。如果我们想要第二个元素而不想要第一个元素,我们只能使用逗号。然后我们应该使用赋值运算符=,在右侧,我们使用该数组。
** 在数组和对象解构中,我们可以使用展开运算符或三个点来解构数组变量中的另一个元素数组和对象变量中的另一个对象属性。
我 10 年前学到的 Linux 工具,我仍然每天都在使用
分片 Pinterest:我们如何扩展 MySQL 队列
微软终于放弃电子产品
代码示例:
// 数组解构 const [num1, num2] = [5, 10]; console.log(num1, num2) // 输出, 5, 10 const [, num2] = [5, 10]; console.log(num2) // 输出,10 const [num1, ...other] = [5, 10, 15]; console.log(num1, other) // 输出, 5, [10, 15]// 对象解构 cosnt {num1, num2} = {num1:5, num2:10}; console.log(num1, num2) // 输出, 5, 10 const {num2, num1} = {num1:5, num2:10}; console.log(num2, num1) // 输出, 10, 5 const {num2} = {num1:5, num2:10}; console.log(num2) // 输出,10 const {num1, ...other} = {num1:5, num2:10, num3: 56}; console.log(num1, other) // 输出, 5, { num2:10, num3: 56 }