ES6-----箭头函数以及声明特点

最新推荐文章于 2024-04-16 10:56:46 发布
最新推荐文章于 2024-04-16 10:56:46 发布
阅读量158 收藏
点赞数
分类专栏： 加强学习 es6 文章标签： es6 前端 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_59110215/article/details/127119510
版权
本文详细介绍了箭头函数的this指向特点，包括其默认指向全局window、call()方法改变this、不可用作构造函数和arguments特性。还涵盖了箭头函数的简化写法，帮助理解其在JavaScript中的特殊用途。
摘要由CSDN通过智能技术生成

1. 调用箭头函数

结果：3

2.箭头函数里面的this特性  【.this 是静态的，this  始终指向函数声明时所在作用域下的 this的值】

1》直接调用   普通函数是指向window的，，，因为箭头函数是在全局作用域下面声明的，所以它的this也是指向window

结果都是一样的：

 

2》 用call()方法调用    call（）可以改变函数内部的this值

 

3.不能作为构造函数实例化对象 

 

4.不能使用 arguments 变量    【函数内部有一个特殊的变量叫arguments用来保存实参】

 

 5.箭头函数的简写

1》省略小括号，当形参有且只有一个的时候

 2》省略花括号，当代吗体只有一条语句，此时return 也必须省略  ，而且语句的执行结果就是函数的返回值

 

Blue热爱学习
关注
专栏目录
es6-jspm-karma
04-30
1. **箭头函数**：箭头函数提供了一种更简洁的函数定义方式，如 `(args) => { return expression; }`，并且它没有自己的`this`，而是继承自外层作用域。 2. **类和继承**：ES6引入了基于原型的类语法，虽然本质上...
JS面向对象中this关键字
weixin_46156304的博客
11-01 631
this关键字 this是什么 this关键字是JavaScript中最复杂的机制之一。它是一个很特殊的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的JavaScript开发者也很难说清它到底指向什么。 实际上，JavaScript中this的机制并没有那么先进，但是开发者往往会把理解过程复杂化。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 this都有一个共同点，它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。 为什么使用this this提供了一种更优雅
js中箭头函数和this
mengsandy的专栏
09-10 2921
1、箭头函数理解 箭头函数内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 function foo() { setTimeout(() => { console.log('id:', this.id); }, 100); } var id = 21; foo.call({ id: 42 }); // id: 42 上面代码中，setTimeout的参数是一个箭头函数，这个箭头函数的定义生效是在foo函数生成时，而它的真正执行要等到 100 毫秒后。如果是普通函数，执
typescript学习（2）---箭头函数
sanlingwu的博客
02-12 5114
ts中函数像其他值一样可以当成参数传来传去。箭头函数可用来定义匿名函数：1、对数组中所有元素进行求和操作var result = [1, 2, 3] .reduce((total, current) => total + current, 0); console.log(result);结果：62、获取数组中所有偶数var even = [3, 1, 56, 7].filter(el ...
ES6-箭头函数以及声明特点（内附有小案例）
qq_61658398的博客
11-23 227
ES6允许使用[箭头] （=>）定义函数箭头函数的特点：1.this是静态的。this始终指向函数声明时，所在作用域下的this值2.不能作为构造实例化对象3.不能使用arguments变量4.箭头函数的简写。
ES6中箭头函数使用
呀呀呀
03-25 200
箭头函数的定义 ES6使用箭头函数（=>）来定义函数，箭头函数是一个函数表达式，理论上，任何使用函数表达式的地方都可以改成箭头函数 首先来看箭头函数的基本语句 //带一个参数的箭头函数 let fn = a => a //箭头函数在参数和箭头之间不能换行，可以省略包裹参数的括号 fn('大丫') // 大丫 //带多个参数的箭头函数 let fn = (a, b) => a ...
es6-demo:试试 ECMAScript 6
05-31
箭头函数的关键特点是它们没有自己的`this`值，而是继承自父作用域。 ### 2. **模板字符串** 模板字符串使用反引号(``)包裹，并允许在字符串中嵌入表达式。这使得动态字符串拼接更方便： ```javascript const name ...
es6-playground:Babel + Browserify + 探索 ES6
06-23
1. **语法转换**：Babel将ES6的新语法如箭头函数、类、模板字符串等转换为当前广泛支持的ES5语法。 2. **插件系统**：用户可以通过安装不同的插件来扩展Babel的功能，如添加代码压缩、代码分析等。 3. **源码映射**...
JavaScript --- ES6 涵盖（ES6 -- ES11）语法学习
02-24
箭头函数的关键特点在于它们没有自己的`this`值，而是继承自父作用域。这解决了回调函数中`this`指向问题，如： ```javascript let person = { name: 'Alice', sayName: function() { setTimeout(() => console....
es6-ES6概念&新增语法&内置对象拓展1
08-04
总结来说，ES6通过引入`let`和`const`改进了变量声明，通过解构赋值提供了更灵活的数据提取方式，以及通过箭头函数简化了函数定义。这些新特性极大地提升了JavaScript的可读性和编程效率，使得开发者能够编写出更加...
ES6 箭头函数声明以及特点
m0_48546501的博客
04-08 58
ES6 箭头函数声明以及特点
ES6中的 箭头函数
weixin_47075145的博客
07-12 571
目录箭头函数1.箭头函数没有关键字function声明，就直接当作一种数据看待。2.箭头函数也属于函数类型3.箭头函数中this指向：4.箭头函数写法上与普通函数的区别6.箭头函数里面不存在 arguments关键字（保存传入的实参）7.bind()/call() 能改变箭头函数中this指向么？ 不能8.用箭头函数解决回调函数相关的问题9.箭头函数参数也有默认值10.注意点：箭头函数是 ES6中出的一种函数的声明方法以前学的两种函数声明方式：1.声明式 （在作用域内部有提升） 在作用域中直接写了一个fun
ES6------箭头函数详解
IT_10的博客
09-05 488
前言 在JavaScript中，每个函数都有不同的变量上下文和作用域，每个function内的上下文中的this指向该function的调用对象。 当函数当做普通函数使用时，函数内的this指向window对象或者undefined（严格模式下） 下面这段代码中的函数test有window调用，因此，函数内的this指向window对象。在严格模式下"use strict";，该函数内的thi...
ES6语法——箭头函数
mumuwei的博客
06-19 296
ES6允许使用箭头 (=>) 定义函数 1、声明一个函数 let fn = function(){ } let fn = (a,b) => { return a + b; } 2、调用函数 let result = fn(1, 2); console.log(result);
Vue 3 之 语法糖，箭头函数、函数声明
最新发布
HaSaKing的博客
04-16 2690
是两种基本的响应式引用类型，它们是组合式 API 的核心部分。相较于箭头函数，命名函数有明确的名称，更利于调试和递归调用，并且自然绑定。在 Vue 3 中，箭头函数被广泛支持，尤其是在组合式 API 的上下文中。箭头函数提供了一个更简洁的函数书写方式，并且不绑定自己的。但是，需要注意的是，在 Vue 的选项式 API 中，特别是在。标签，Vue 3 提供了一种更声明式的组件写法，极大简化了代码结构。如果你需要管理一个较大的数据结构，如对象或数组，和生命周期钩子中，通常不推荐使用箭头函数，因为这些地方的。
箭头函数的声明和特性
爱编程的小学生
06-09 567
1、this指向性问题 this永远指向的是最后调用它的对象，也就是看它执行的时候是谁调用的。 但是： 箭头函数中，this是静态的，this始终指向函数声明时外层作用域下的this的值 <script> window.animal = "monkey"; function say(){ console.log(this.animal); } let say2 = () => { console.log(this.anima
《前端面试题》- JS基础 - 函数和箭头函数在全局下的this指向
小张微说的博客
04-16 154
我们知道箭头函数有一个作用是解决this的指向问题。函数的this是谁调用，就指向谁；箭头函数的this是在哪定义就指向谁，那么如果是在全局定义执行箭头函数，this指向谁呢？ 测试 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta htt...
（箭头函数防坑）不能使用箭头函数定义原型方法，undefined
iuukai
04-29 1101
????传送门：什么情况下不能用箭头函数
es620180417
weixin_39621570的博客
04-17 167
箭头函数基础语法(参数1, 参数2, …, 参数N) =&gt; { 函数声明 } (参数1, 参数2, …, 参数N) =&gt; 表达式（单一） //相当于：(参数1, 参数2, …, 参数N) =&gt;{ return 表达式; } // 当只有一个参数时，圆括号是可选的： (单一参数) =&gt; {函数声明} 单一参数 =&gt; {函数声明} // 没有参数的函数应该写成一对圆括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值