展开

关键词

函数

函数(★★★)ES6中新增的定义函数的方式。 this关键字,函数中的this,指向的是函数定义位置的上下文thisconst obj = { name: 张三} function fn () { console.log(this);this 指向 是obj对象 return () => { console.log(this);this 指向 的是函数定义的位置,那么这个函数定义在fn里面,而这个fn指向是的obj对象,所以这个this 也指向是obj对象 } } const resFn = fn.call(obj); resFn();​小结 函数中不绑定this,函数中的this指向是它所定义的位置,可以简单理解成,定义函数中的作用域的 this指向谁,它就指向谁 函数的优点在于解决了this执行环境所造成的一些问题。

13820

ES6——函数

ES6之后,允许使用=>来定义函数。首先我们来总结一下函数存在的意义,之后再来细细的看它的使用方法。 4如果这个函数用函数改写的话,仅仅需要一行代码就够了:const funcName = (params) => params + 2;funcName(2); 4如果函数的代码块部分多于一条语句 () => {函数声明}函数的一个用处就是简化回调函数。 在函数出现之前,每个新定义的函数都有它自己的this值。而函数体内的this值,就是定义时所在的对象,而不是使用时所在的对象。 但是函数导致this总是指向函数定义生效时所在的对象,所以输出的是50。通过call或者apply也可以调用函数。

14720
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

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

    Js函数

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

    27820

    js函数

    函数函数表达式没有自己的this,arguments,super或new.target。 引入函数作用引入函数的作用:更简短的函数并且不绑定this更简短的函数let sum = (x,y,z) => { return x+y+z; }不绑定this在函数出现之前,每个新定义的函数都有他自己的 通过call、apply调用函数由于函数没有自己的this指针,通过call()、apply()方法调用时,第一个参数会被忽略。 函数不能使用new操作符函数不能用作构造器,和 new一起用会抛出错误。 因此,函数不能用作生成器。

    4010

    Js的函数

    函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。 函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 更短的函数var elements = ; elements.map(function(element) { return element.length;}); 返回数组: 上面的普通函数可以改写成如下的函数 elements.map((element) => { return element.length;}); 当函数只有一个参数时,可以省略参数的圆括号elements.map(element => { return element.length;}); 当函数的函数体只有一个 `return` 语句时,可以省略 `return` 关键字和方法体的花括号elements.map(element

    11810

    CSS绘制三角形和,不用再用图片了

    前言还在用图片制作,三角形,那就太lou了。css可以轻松搞定这一切,而且颜色大小想怎么变就怎么变,还不用担心失真等问题。 示例向左**css*.left:before,.left:after{ position: absolute; content: ; border-top: 10px transparent dashed 是不是发现和三角形是一样的呢?发现了,说明你已经懂了,其实就是2个三角形,然后用白色三角形覆盖蓝色三角形,并且错开1px,刚刚好就形成了。这就和《最强大脑》层叠消融项目是一样的。 向上**css*.top:before,.top:after{ position: absolute; content: ; border-top: 10px transparent dashed; 通过上面两个例子,我想剩余两个方向的,你应该可以搞定了,就是不能,那就会一种就好了,然后通过transform:rotate(90deg),来旋转角度,还是能搞定各个方向的

    74530

    node.js函数使用

    ES6允许使用=>定义函数,函数使得表达更加简洁,例如 正常函数写法.map(function (x) { return x * x;}); 函数写法.map(x => x * x);定义方式 num2;};注意事项函数体内的this,指向定义时的对象,而不是使用时的对象不能当作构造函数,不能使用new命令不能使用arguments对象,可以使用rest参数代替不可使用yield命令,因此函数不能用作

    22710

    Salesforce Javascript(二) 函数

    this.integerArray.sort((a,b) => a - b);表达式基本概念有了以后,说一下表达式的语法。 1. 这里的 reduce方法里面需要添加的就是一个函数,我们在这里就使用函数去搞定这个功能,使整体代码看上去更简洁。两个参数使用()来包含,方法体使用大括号{}来包含逻辑。 除了这种方式的函数,函数也可以有一个简写体或者常见的块体。 所以来一个进行练习,下面是使用函数声明的函数,常规函数应该写成什么呢? 总结:本篇针对js基础薄弱的小伙伴简单地介绍了函数的使用,在我们日常工作中这种写法司空见惯,不过还是要掌握好基础比较好。篇中有错误地方欢迎指出,有不懂欢迎留言。

    20131

    JS中函数 17

    Document *4.函数的注意点 4.1在函数中如果只有一个形参, 那么()可以省略 4.2在函数中如果{}中只有一句代码, 那么{}也可以省略 * *let say=()=> console.log

    8620

    ES6中的函数=>

    ES6标准新增了一种新的函数:Arrow Function(函数)。为什么叫Arrow Function? 因为它的定义用的就是一个:x => x * x相当于:function(x){ return x*x;}函数相当于匿名函数,并且简化了函数定义。 函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。 函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。 ,但实际上,函数和匿名函数有个明显的区别:函数内部的this是词法作用域,由上下文确定。

    16341

    ES6函数总结

    ES6函数总结 函数是ES6新出的一种语法,它相当于匿名函数,并且简化了函数定义。本文总结函数的基本语法,使用注意点等。 一、基本语法  ES6允许使用“”(=>)定义函数。   总结出的结论就是:如果上级也是函数,再上级查找。2. 函数不能作为构造函数 函数不能作为构造函数,不能使用new。   函数没有arguments  函数本身没有arguments,如果函数在一个function内部,它会将外部函数的arguments拿过来使用。   函数不能作为Generator函数,不能使用yield关键字7. 函数返回对象时,要加一个小括号  这一点其实上面在介绍函数的简写语法时,已经说过了,这里再重复一遍加深印象。 this,绑定后不再多变  ● 函数不可以做构造函数  ● 函数本身也没有arguments  ● 如果该函数外部包含function,在函数的调用时,函数会将外部arguments拿来

    8830

    使用纯CSS创建三角形形状

    如何在页面中实现三角形,有以下几种方式; 一、使用css绘制三角形HTML代码: CSS代码:(1)向上.triangle {  width: 0;  height: 0;  border-bottom : 20px solid #333;  border-left: 20px solid transparent;  border-right: 20px solid transparent;}(2)向右 border-left: 20px solid #333;  border-top: 20px solid transparent;  border-bottom: 20px solid transparent;}(3)向下 border-top: 20px solid #333;  border-left: 20px solid transparent;  border-right: 20px solid transparent;}(4)向左 : 20px solid #333;  border-left: 20px solid transparent;  border-bottom: 20px solid transparent;}(6)向右下

    26530

    ES6特性之:函数

    在ES6的所有新特性中,函数(Arrow Fucntion)算是我用的最频繁的特性之一了。它是函数那什么是函数呢?首先,它得有“函数”的功能。 我们平时定义一个函数,大致是这种样子的:function greeting(name) { return Hello, + name;}我们可以使用函数来定义一个与它大致等价的函数:const greeting = (name) => { return Hello, + name;}更进一步,这个函数还可以简化,在后面只使用一个表达式:const greeting = (name) => Hello, + name;我们还可以在使用匿名函数的场景使用函数,比如:.map((item) => item * item);结果:它没有自己的this绑定我们来看一个我们经常会遇到的问题:var person ,函数中的this是和当前上下文中的this是一致的了。

    14110

    ES6中this和方法

    ECMAScript 6 语法为我们提供了一个工具,函数能保存函数创建时的 this值,而不是调用时的值:例如:export class ThisScope { txt:string = hello this.showInfo() } } cf2() { return () => {this.showInfo()} } showInfo() { console.log(this.txt) }}上面cf2使用了语法

    20540

    ES6 系列之函数

    回顾我们先来回顾下函数的基本语法。 没有 this函数没有 this,所以需要通过查找作用域链来确定 this 的值。这就意味着如果函数被非函数包含,this 绑定的就是最近一层非函数的 this。 为了方便开发,我们抽离一个 Button 组件,当需要使用的时候,直接: 传入元素 id 值即可绑定该元素点击时改变背景色的事件new Button(button)HTML 代码如下:点击变色JavaScript 没有 arguments函数没有自己的 arguments 对象,这不一定是件坏事,因为函数可以访问外围函数的 arguments 对象:function constant() { return 没有原型由于不能使用 new 调用函数,所以也没有构建原型的需求,于是函数也不存在 prototype 这个属性。

    19420

    JavaScript闭包与函数

    theArgs) { return theArgs.map(x => multiplier * x);} var arr = multiply(2, 1, 2, 3);console.log(arr); 函数函数表达式 (也称胖函数, fat arrow function)具有较短的语法相比函数表达式和词法绑定此值。 函数总是匿名的。 有两个因素会影响介绍函数:更简洁的函数this更简洁的函数var a = ;var a2 = a.map(function(s){ return s.length });var a3 = a.map ( s => s.length );this在函数出现之前,每一个新函数都重新定义了自己的this值(在严格模式下,一个新的对象在构造函数里是未定义的,通过上下文对象调用的函数被称为“对象方法”等)

    26020

    函数中的this值

    还有的一个办法就是将ZnHobbies函数下的map改写成函数:ZnHobbies: function () { this.hobbies.map((hobby)=> { console.log(` 为什么函数可以达到这样的效果呢?是因为函数没有它自己的this值。它的this值是继承于它的父作用域的。

    14920

    JavaScript|函数的用法

    问题描述 JavaScript ES6标准新增了比较重要的一种新的函数:Arrow Function(函数),但大多数人都不能很好的了解函数的用法,也不能区别函数和function(),所以接下来我们就来介绍一下函数 解决方案 1 函数的写法() => {}举例x => x*2 x的返回值变成x*2的值函数定义包括一个参数列表,函数体放在最后。 将参数括起来:(x,y) => { if (x>0){ return x*y }else{ return x+y }2 函数this的指向函数总是函数表达式;并不存在函数声明。 同时函数看上去是匿名函数(它们没有用于递归或者事件绑定 解绑定的命名引用)的一种简写,但实际上,函数和匿名函数有个明显的区别:函数内部的this是词法作用域,由上下文确定。 3 函数与function()函数的区别通过上面对于函数的讲解就可以发现虽然有时候可以将function()函数变为函数,但两者还是有很大的区别的:a.函数体内的this对象,就是定义时所在的对象

    19920

    2019-03-17 苹果MacOS系统键盘布局与符号⌘(command)、⌥(option)、⇧(shift)、⇪(caps lock)、⌃(control)、↩(return)、⌅(enter)

    image.png⌘ Command ⇧ Shift ⌥ Option ⌃ Control ↩︎ ReturnEnter ⌫ Delete ⌦ 向前删除键(Fn+Delete) ↑ 上 ↓ 下 ← 左 → 右 ⇞ Page Up(Fn+↑) ⇟ Page Down(Fn+↓) Home Fn + ← End Fn + → ⇥ 右制表符(Tab键) ⇤ 左制表符(Shift+Tab) ⎋ Escape (Esc)参考文档: http:www.cnblogs.comEasonJimp6350075.html https:www.jianshu.compf46a5f5dfed7 https

    51740

    2018-07-19 如何重构“型”代码如何重构“型”代码

    原文地址:https:coolshell.cnarticles17757.html如何重构“型”代码本文主要起因是,一次在微博上和朋友关于嵌套好几层的if-else语句的代码重构的讨论(微博原文), 所谓型代码,基本上来说就是下面这个图片所示的情况。?image那么,这样“型”的代码有什么问题呢?看上去也挺好看的,有对称美。 但是……关于型代码的问题有如下几个:1)我的显示器不够宽,型代码缩进太狠了,需要我来回拉水平滚动条,这让我在读代码的时候,相当的不舒服。 ,型代码是非常难以维护和Debug的。 微博上的案例 与 Guard ClausesOK,我们先来看一下微博上的那个示例,代码量如果再大一点,嵌套再多一点,你很容易会在条件中迷失掉(下面这个示例只是那个“大”下的一个小)这种代码的重构方式叫

    38360

    相关产品

    • 文档服务

      文档服务

      文档服务(DS)由腾讯云数据万象提供,支持多种类型的文件生成图片或 html 格式的预览,可以解决文档内容的页面展示问题,满足多端的文档在线浏览需求。同时,还提供文本隐私筛查能力,可以有效识别文本中的身份证号、手机号等敏感数据,满足数据可用性和隐私保护的各种要求。

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券