ES6（函数新增特性）

最新推荐文章于 2025-05-27 08:11:14 发布
原创 最新推荐文章于 2025-05-27 08:11:14 发布 · 737 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #ES6

ES6（函数新增特性）

1.函数参数默认值

没有 y 时，默认就是world

有 y 时，输出值即可

（错误）

（C有默认值，正确）

默认值后面不能再有没有默认值的变量

 2.作用域

y 取其前面的 x ;而不是 x = test;

 

 

x 不在 y 的前面

 3.test 参数

将输入参数（离散值）转化成数组

 4.扩展运算符

 将数组转化成离散值

 

5.箭头函数

arrow为函数名，第一个 = 后为参数， =>后为返回值，

 

 第一个参数可为空。

 6.尾调用

（条件：函数的最后一句话是不是函数；用来提升性能，推荐在不断嵌套的情况下使用）

ES6新增语法 + 内置对象扩展 + 箭头函数
qq_53283188的博客
05-09 717
文章目录ES6语法 ES6语法 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织，制定的一项脚本语言的标准化规范
es6新增特性总结
W9728的博客
06-13 902
es6新增特性1.let和const关键字2.解构赋值3.箭头函数4.模板字符串：使用反引号``代替双引号创建字符串5.标签模板6.扩展运算符7.新增了一些字符串和数组方法8.Symbol9.迭代器(Iterator)10.生成器11.Promise承诺1.let和const关键字var/let/const的共同点：在函数内部都可以访问到在外部通过var/let/const声明的变量或常量。let: 变量不能重复声明。let a = 1;
ES6-函数新增特性
张新丁
08-24 315
1.函数参数的默认值 <script> function fn(a='小丁',b){ console.log(a+"和"+b+""写代码); } fn('晓飞'，'小丽');//输出晓飞和小丽写代码； fn('小丽');//暑促小丽和undefined写代码，实参赋值给形参是从前往后，所以有默认值的一般写在后面 fn(a, b='小丁') </script> ...
全面解析 ES6 新增特性及详细介绍
sinat_37775891的博客
05-27 815
本文全面介绍ES6的核心新特性及其应用实例，包括：1）块级作用域变量let/const；2）箭头函数及其this绑定规则；3）模板字符串的多行与插值功能；4）数组/对象解构赋值；5）函数默认参数；6）扩展运算符的数组/对象操作；7）类的定义与继承语法；8）Promise异步处理机制。每个特性都配有典型代码示例，如箭头函数解决this问题、模板字符串插值、Promise链式调用等，帮助开发者快速掌握ES6核心语法提升开发效率。
ES6新增特性
weixin_33895516的博客
08-11 343
ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。 1.let 和 const 在ES6新特性中，增加的两个声明变量和常量的方法，let用于声明变量，const用于声明常量。 ①在JS中是没有块级作用域的，而使用let...
ES6中新增函数新特性
qq_52908359的博客
06-15 334
使用箭头函数的作用： 💬 简化回调函数的写法： 💬 箭头函数中的this是函数声明时所在的对象；
关于ES6的新特性你又了解多少呢？
Y_zzh202的博客
09-26 1801
es6新特性有什么（1）、新增模板字符串（为JavaScript提供了简单的字符串插值。
ES6箭头函数详解：语法、特性及其应用
03-01
内容概要：本文档详细介绍了ES6中新增的函数定义方式——箭头函数。首先阐述了其基本语法规则，如单行表达式的简写形式、参数的灵活表示方法等。然后重点讲解了箭头函数的几个重要特性，包括不绑定自身的this值而...
JavaScript ES6 新特性全览：变量声明、函数语法、数据结构等多方面解析
weimengen的博客
10-17 1362
本文详细介绍 JavaScript ES6 新特性，涵盖 let 与 const 的区别、箭头函数语法及 this 指向、模板字符串、解构赋值、默认参数、展开运算符、Promise、class 类、模块化、Set 与 Map、Symbol、Proxy 与 Reflect、生成器函数与迭代器、剩余参数和扩展运算符等内容，通过代码示例帮助读者掌握 ES6 新特性，提升开发效率和代码质量。
ES6使用新特性Proxy实现的数据绑定功能实例
10-15
在ES6中，Proxy对操作对象的属性进行拦截，无论是新增属性、删除属性，还是读取和设置属性，都可以通过设置代理函数进行拦截处理。当对对象的某个属性进行操作时，如果该属性被代理，那么该操作就会先经过代理器，...
ES6中函数的新增用法
C_755028787的博客
03-22 311
ES6 是ECMAScript的第6个版本 ECMAScript发展史: 1996年11月 javaScript创造者Netscape公司将javaScript提交给ECMA（欧洲计算机制造联合会） 1997年 ECMA发布262号标准文件的第一版（ECMA-262 1th），用于规定浏览器脚本语言标准ECMAScript 1.0 1998年6月 ECMAScript 2.0 发布 1999年12...
ES6中函数新增的方式方法
weixin_30794491的博客
10-29 634
绪 言 ES6 　大家对JavaScript中的函数都不陌生。今天我就为大家带来ES6中关于函数的一些扩展方式和方法。 1.1函数形参的默认值 1.1.1基本用法 　　ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。如下代码： function func(x,y){ y = y || "to...
【JS】ES6- 函数新增
m0_50947589的博客
06-16 747
ES6新增了很多函数相关，下面一起来了解一下： 当参数不赋值是，函数得到的结果是NaN，但是给了默认值后，如果不赋值就会按照默认值执行。args参数可代替arguements，arguements是一个类数组对象，args是纯数组。 完成累加函数 arguements的长度最大为255。 ...args输出之后是个纯数组。 对于这种返回一句话的函数，可以省略function、花括号｛｝和return 当函数不止一句时，花括号｛｝不可省略。 当函数有多个参数或没有参数时，（
ES6 新增特性
橙煦媛的博客
03-03 489
ES6新增特性ES6最常用的几个语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments1. let新增了块级作用域。用它所声明的变量，只在let命令所在的代码块内有效。2. constconst也用来声明变量，但是声明的是常量。一旦声明
ES6学习——ES6新增的类型和函数
我们的目标是星辰大海
10-09 372
1.Symbol ES5 的对象属性名都是字符串，这容易造成属性名的冲突。⽐如，你使⽤了⼀个他⼈提供 的对象，但⼜想为这个对象添加新的⽅法（mixin 模式），新⽅法的名字就有可能与现有⽅法产⽣冲突。如果有⼀种机制，保证每个属性的名字都是独⼀⽆⼆的就好了，这样就从根本上防⽌属性名的冲突。ES6 引⼊了⼀种新的原始数据类型 Symbol ，表示独⼀⽆⼆的值 1. ⽣成Symbol值 通过调⽤Symbol函数⽣成⼀个Symbol值，这个值是独⼀⽆⼆的。注意，Symbol的值...
es6新增-函数部分
m0_65912225的博客
05-12 255
函数的扩展 1.es6参数扩展: (1)默认值 (2)可变参数 2.es6中新增箭头函数 1,语法:const 函数名 = () => { } 2.特性: 3.注意:不能通过new关键字调用 4,应用:多用在回调函数及改变this指向的时候
ES6 新增数据类型和函数
ikEason_的博客
12-20 352
1.关于 symbol ES5 现有数据类型: number、string、boolean、Object、undefined、function ES6 新增数据类型:symbol ⭐使用方法: let syml = Symbol('aaa'); console.log(typeof syml); //symbol Symbol 不能 new Symbol() 返回是一个唯一值 symbol 做一个 key，定义一些唯一或者私有一些东 symbol 是一个单独数据类型，数据类型的名字就是
【ES6】函数的扩展（1）
lx583274568的专栏
08-04 605
1.函数参数的默认值 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // H
es6新增特性
最新发布
06-25
### ES6 新增特性 ECMAScript 2015（简称 ES6）是 JavaScript 的一次重大更新，引入了许多新特性和语法改进，提升了语言的表现力和开发效率。以下是其中一些核心新增特性： #### 1. 类（Class） ES6 引入了 `class` 关键字，使得面向对象编程更加直观和规范。类支持继承、构造函数、方法定义等特性。 ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; } say() { console.log(this.name + ":" + this.age); } } class Student extends Person { constructor(name, age, sex) { super(name, age); this.sex = sex; } } var student = new Student("tom", 18, "male"); student.name; // 'tom' student.sex; // 'male' student.say(); // 'tom:18' [^2] ``` #### 2. Symbol 数据类型 Symbol 是一种新的基本数据类型，用于创建唯一值，通常用作对象属性名以避免命名冲突。 ```javascript let sym1 = Symbol(); let sym2 = Symbol("description"); // 可选的描述字符串 [^1] ``` #### 3. 模块化（Module） ES6 原生支持模块化编程，通过 `import` 和 `export` 实现模块的导入和导出，增强了代码的可维护性和复用性。 ```javascript // math.js export function add(a, b) { return a + b; } // main.js import { add } from './math.js'; console.log(add(2, 3)); // 5 ``` #### 4. 箭头函数（Arrow Function） 箭头函数简化了函数表达式的写法，并且不绑定自己的 `this`，而是继承外层作用域的 `this`。 ```javascript const numbers = [1, 2, 3]; const squares = numbers.map(n => n * n); // [1, 4, 9] ``` #### 5. 默认参数（Default Parameters） 函数参数可以设置默认值，当未传入或值为 `undefined` 时使用默认值。 ```javascript function greet(name = "Guest") { console.log(`Hello, ${name}`); } greet(); // Hello, Guest greet("Alice"); // Hello, Alice ``` #### 6. 解构赋值（Destructuring Assignment） 解构允许从数组或对象中提取值并赋给变量，语法简洁明了。 ```javascript const person = { name: "Alice", age: 25 }; const { name, age } = person; console.log(name); // Alice console.log(age); // 25 ``` #### 7. 扩展运算符与剩余参数（Spread and Rest Operators） 扩展运算符（`...`）可用于展开数组或对象，而剩余参数则用于收集多余参数。 ```javascript const arr1 = [1, 2]; const arr2 = [...arr1, 3]; // [1, 2, 3] function sum(...args) { return args.reduce((acc, val) => acc + val, 0); } sum(1, 2, 3); // 6 ``` #### 8. Promise 对象 Promise 提供了一种更清晰的异步编程解决方案，替代传统的回调嵌套方式。 ```javascript fetch('https://api.example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` #### 9. Map 与 Set Map 是一种键值对集合，支持任意类型的键；Set 是一种只存储唯一值的集合。 ```javascript const map = new Map(); map.set('key', 'value'); console.log(map.get('key')); // value const set = new Set([1, 2, 2, 3]); console.log([...set]); // [1, 2, 3] ``` #### 10. 迭代器与生成器（Iterators and Generators） 迭代器提供了一种统一的遍历接口，生成器是一种返回迭代器的函数，使用 `function*` 定义。 ```javascript function* generator() { yield 1; yield 2; yield 3; } const gen = generator(); console.log(gen.next().value); // 1 console.log(gen.next().value); // 2 ``` #### 11. 数组的 `entries()`、`keys()`、`values()` 方法 这些方法分别返回索引、键、值的迭代器，适用于 `for...of` 循环。 ```javascript const arr = ['a', 'b', 'c']; for (const [index, value] of arr.entries()) { console.log(index, value); // 0 'a', 1 'b', 2 'c' [^3] } ``` ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值