《JS原理、方法与实践》- ES6新增语法

简介: 《JS原理、方法与实践》- ES6新增语法

#### let 和const

var定义的变量是function级的作用域,let定义的变量属于块级作用域,而const定义的是常量,也就是定义之后不可修改

代码示例:

```

function testVariable() {

var height = 172;

const name = 'zzh';

if (height === 172) {

 let height = 173;

 // name = 'zzz'; // 报错

}  

 

console.log(height); // 172

}

testVariable();

```

#### 字符串模板

自负串模板用来创建字符串的一种方式,可以在字符串中添加变量,免去了之前的使用+号拼接字符串。

语法: `${变量}`

代码示例:

```

const name = 'zzh';

const testStringTemplate = `Hello ${name}`;

console.log(testStringTemplate); // hello zzh

```

#### 函数参数默认值

函数参数默认值,就是给一个函数的参数提供一个默认值,当该参数没有传入时,便使用默认值。

语法: function functionName(parameter1, parameter2, ...parametern = 'default value')

代码示例:

```

function getPersonInfo (name, age, sex = 'male') {

console.log(`Person info: name: ${name}, age: ${age}, sex: ${sex}`);

}

getPersonInfo('zzh', 18); // Person info: name: zzh, age: 18, sex: male

```

#### 参数扩展

参数扩展时使用三个点“...”来完成,主要有两种用法:在定义函数时将传入的多个参数封装到一个数组中;调用函数时将数组中的元素扩展为多个独立的参数。

代码示例:

```

function mailToPerson (...names) {

for(let name of names) {

 console.log(`Send to ${name}`);

}

}

mailToPerson('张三','李四','王五');

/*

[object Array]

Send to 张三

Send to 李四

Send to 王五

* */

// 将数组[1,3,5]展开成1,3,5三个参数后传入max方法中

console.log(Math.max(...[1,3,5])); // 5

console.log(Math.max(1,3,5)); // 5

```

![测试结果](https://upload-images.jianshu.io/upload_images/2789632-429d951e5fea6b51.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 箭头函数

语法: 参数=>函数体

如果只有一个参数不需要括号,当有多个参数时,使用括号括起来,例如:(a, b)=> 函数体,当函数体只有一条语句需要reutrn时,不需要写关键字return 且不需要使用大括号{}阔起来,其他情况需要大括号,且需要return时,需要写return关键字。

代码示例:

```

getName = () => 'zzh';

console.log(`name is: ${getName()}`); // name is: zzh

printInfo = (name, age) => {

console.log(`name is: ${name}, age is: ${age}`);

}

printInfo('zzh', 18); // name is: zzh, age is: 18

```

#### for-of遍历

之前有提过for-in遍历,它可以遍历出对象的属性名。for-of遍历的结果是数组值的集合。

代码示例:

```

var person = {

name: 'zzh',

age: 18,

sex: 'male'

};

var score = [98, 99, 100];

for(let p in person) {

console.log(`for-in person: ${p}`);

}

// for(let p of person) {

//  console.log(`for-of person: ${p}`);

// } // 报错,对象不可遍历

for(var s in score) {

console.log(`for-in score: ${s}`);

}

for(var s of score) {

console.log(`for-of score: ${s}`);

}

```

![测试结果](https://upload-images.jianshu.io/upload_images/2789632-4aa40b3526023fce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

目录
相关文章
|
13天前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法,我们可以实现较为可靠和高效的大文件上传功能。当然,具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
|
19天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包:原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包:原理与实战
|
23小时前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
6天前
|
JavaScript 前端开发 Go
异步加载 JS 的方法
【10月更文挑战第24天】异步加载 JavaScript 是提高网页性能和用户体验的重要手段。通过使用不同的方法和技术,可以实现灵活、高效的异步加载 JavaScript。在实际应用中,需要根据具体情况选择合适的方法,并注意处理可能出现的问题,以确保网页能够正常加载和执行。
|
8天前
|
存储 JavaScript 前端开发
JS的ES6知识点
【10月更文挑战第19天】这只是 ES6 的一些主要知识点,ES6 还带来了许多其他的特性和改进,这些特性使得 JavaScript 更加现代化和强大,为开发者提供了更多的便利和灵活性。
13 3
|
14天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
17天前
|
人工智能 JavaScript 网络安全
ToB项目身份认证AD集成(三完):利用ldap.js实现与windows AD对接实现用户搜索、认证、密码修改等功能 - 以及针对中文转义问题的补丁方法
本文详细介绍了如何使用 `ldapjs` 库在 Node.js 中实现与 Windows AD 的交互,包括用户搜索、身份验证、密码修改和重置等功能。通过创建 `LdapService` 类,提供了与 AD 服务器通信的完整解决方案,同时解决了中文字段在 LDAP 操作中被转义的问题。
|
19天前
|
前端开发 JavaScript
深入理解JavaScript中的事件循环(Event Loop):从原理到实践
【10月更文挑战第12天】 深入理解JavaScript中的事件循环(Event Loop):从原理到实践
31 1
|
18天前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
38 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
23小时前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。