首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Js箭头函数

Js箭头函数 箭头函数是ES6新增的语法,提供了一种更加简洁的函数书写方式,类似于匿名函数,并且简化了函数定义。 完整写法 完整写法类似于匿名函数,省略了function关键字。...箭头函数调用时并不会生成自身作用域下的this,它只会从自己的作用域链的一层继承this。...由于箭头函数没有自己的this指针,使用apply、call、bind仅能传递参数而不能动态改变箭头函数的this指向。...this指向,箭头函数不会创建自己的this,它只会从自己的作用域链的一层继承this。...var s = () => {}; console.log(s.prototype); // undefined 不能用作函数生成器 箭头函数不能用作Generator,yield关键字通常不能在箭头函数中使用

4.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

=>,Es6箭头符号的前世今生

其它地方不管,在es6中,这叫箭头符号。^_^,这不废话么,不在es6里,这也是个箭头符号。准确的讲,在es6里,它叫做箭头操作符。...说到根儿,这货只是一个简写,它没有“声明函数”的能力。 所以你要是用了 => ,那么此时的this就是箭头符号所在的那个this了。...大概看了下,基本都是在箭头符号外面再套一个function...,那要这样,当初还简化掉function干什么呢?这不是脱裤子放屁么,当然也可能是我理解的浅。...有好处有好处,肯定是我理解的浅,,Orz //////// 上面算是箭头符号的今生,接下来简单聊下它的前世。说箭头符号这东西在最早期,js刚出现的时候就有了。 就是js的注释: <!...-- 这就是箭头符号 --> 浏览器的js引擎会把

1.2K100

箭头符号:一个最常见却不容忽视的图标

箭头符号可能是人类图形史上最伟大的创造。 足够简单的图形承载着丰富而又抽象的概念。如果追溯起来,箭头符号的现实原型就是弓箭的箭头。所以箭头指向的方向意味着猎物,意味着目标。...看似友好的右箭头 箭头图标的第一个引申意是方向,在此基础继续引申出了指示(提示)的含义。右箭头和表示返回的左箭头相呼应,通常在界面中提示用户这里将会前进到下一个页面。 ?...箭头符号有很好的提示效果,但用的时候还是要慎重。也许我们应该多问问自己,真的需要这个箭头吗? ?...诺曼博士在《设计心理学》中提到的社会化语义符号,就是这个意思。运用用户的生活经验,尽量少的在界面上添加不必要的元素,大家的眼睛都够累的了,尽量让用户把注意力集中在实际的内容吧!...是的,这只是一个箭头,一个最常见不过的图标,但如何把它放在合适的位置,如何不过度的滥用这个符号,却是我们每一位设计师不得不每天面对的问题。

1.9K110

js this问题和es6箭头函数this问题

JS中this的四种用法 1.在一般函数方法中使用 this 指代全局对象 function test(){     this.x = 1;     alert(this.x);   }   test(...如果把最后一行代码修改为   o.m.apply(o); //1 ES6中箭头函数与普通函数this的区别 普通函数中的this: 1. this总是代表它的直接调用者, 例如 obj.func ,那么...结果:window,window 第一个this:f1调用时没有宿主对象,默认是window 第二个this:继承父级的this,父级的this指代的是window 关于this指向问题的讨论一直是学习js...就绑定的window }); } f(); } } obj1.fn(); 总结: 1.箭头函数的this绑定看的是this所在的函数定义在哪个对象下,绑定到哪个对象则this...obj1.fn(); 总结: 1.箭头函数的this绑定看的是this所在的函数定义在哪个对象下,绑定到哪个对象则this就指向哪个对象 2.如果有对象嵌套的情况,则this绑定到最近的一层对象

1.3K30

UML中的视觉符号:深入了解棒棒糖、箭头和菱形表示法

本文将介绍UML中一些常见的视觉符号,包括棒棒糖表示法、箭头表示法以及菱形表示法,帮助我们更好地理解和应用这些符号。 棒棒糖表示法:实现接口 在UML中,棒棒糖表示法用于表示一个类实现了一个接口。...箭头表示法:指示继承和依赖 在UML中,箭头表示法用于表示类之间的关系,如继承、实现接口、依赖等。 如果一个类继承了另一个类,我们可以用一条带有空心箭头的直线表示,箭头指向父类。...如果一个类实现了一个接口,我们可以用一条带有空心箭头的虚线表示,箭头指向接口。 如果一个类依赖于另一个类,我们可以用一条带有实心箭头的虚线表示,箭头指向被依赖的类。...总结 UML提供了一整套丰富的视觉符号,帮助我们可视化和理解面向对象设计。掌握这些符号,我们就可以更好地使用UML来设计、沟通和文档化我们的软件系统。...无论你是刚开始学习面向对象设计,还是已经是一名经验丰富的软件工程师,掌握这些UML符号都将对你的工作有所帮助。

66430

通过vue.js 学习来总结es6语法中的箭头函数,箭头函数原理分析。

因为它的定义用的就是一个箭头: x => x * x 上面的箭头函数相当于: function (x) { return x * x; } 箭头函数相当于匿名函数,并且简化了函数定义。...,但实际箭头函数和匿名函数有个明显的区别:箭头函数内部的this是词法作用域,由上下文确定。...由于this在箭头函数中已经按照词法作用域绑定了,所以,用call()或者apply()调用箭头函数时,无法对this进行绑定,即传入的第一个参数被忽略: var obj = { birth:...test <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.<em>js</em>...) // } //---总结--- //<em>箭头</em>函数一般用于函数嵌套时,防止this指向变化,在<em>箭头</em>函数 //中this的指向一直是外层对象,即廖雪峰大神说的“<em>箭头</em>函数完全

1.5K20
领券