ES5-拓展 箭头函数的this、this的优先级

最新推荐文章于 2022-05-01 21:43:23 发布
最新推荐文章于 2022-05-01 21:43:23 发布
阅读量139 收藏
点赞数
分类专栏： 系统学习 # ES5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43503511/article/details/117943629
版权
让内部函数的this指向和父函数的this，可以显示改变this指向，也可以使用箭头函数

在这里插入图片描述
在这里插入图片描述

箭头代替了function关键字
箭头函数内部没有this指向，箭头函数的this是稳定引用父作用域的。因为它的存在就是要稳定this指向。
适用于普通函数的所有绑定规则 箭头函数都不能用
  1. 默认绑定规则（独立调用）对箭头函数无效（箭头函数形式的闭包对改变this指向无效）
  2. 隐式绑定（对象调用）对箭头函数无效
  3. 显示绑定（call、apply、bind）对箭头函数无效
  4. 箭头函数不能new，箭头函数不允许作为构造函数使用
    在这里插入图片描述
在对象中找箭头函数的父作用域！
  • 最后3个的判断，箭头函数的this取决于父级，父级隐式调用
    在这里插入图片描述
Stephy_Yy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es5-safe:拓展原生对象,提供ES5规范新增的部分功能
06-15
es5-safe Fork 来自 该模块提供了兼容性垫片，以便遗留 JavaScript 引擎的行为尽可能接近 ES5。 它提供了以下方法： Function . prototype . bind Object . keys Array . isArray Array . prototype . forEach ...
ES5中的函数与ES6中箭头函数
嗨皮的博客
11-12 375
es6中箭头函数使用
ES5和ES6箭头函数this简析
low666的博客
03-17 1275
ES5和ES6箭头函数this简析 箭头函数的作用： 箭头函数让函数的书写变得很简洁，可读性更好 解决了匿名函数this指向的问题（匿名函数的执行环境具有全局性），包括setTimeout和setInterval中使用this所造成的问题。 ES5 全局环境下，this 始终指向全局对象（window）, 无论是否严格模式； console.log(this.document=== docum...
JS笔记15（ES5的数组API&块级作用域&箭头函数）
每當变幻時的博客
09-03 254
一、ES5保护对象 1、对象属性的四大特性 对象的每个属性都有四大特性： value: "名字",//实际保存值的地方 writable: true, //开关：是否可以被修改 enumerable: true, //开关：是否可以被 for in 循环遍历到 configurable: true //开关：是否可以被删除 ...
es6——箭头函数
weixin_40912288的博客
06-27 195
箭头函数的语法参数=>函数体变式如下：箭头函数和普通函数的重要区别1）没有自己的this、super、arguments和new.target，它们是离该箭头函数最近的非箭头函数的绑定；2）不能使用new来调用。3）没有原型对象；4）内部的this无法改变；5）形参名称不能重复。...
es6箭头函数与es5的function区别
努力哈
08-05 3064
1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 （2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。 （3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。 （4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 上面四点中，第一点尤其值得注意。this对象的指向...
es5-function-to-class-codemod：将ES5函数转换为ES6类
02-05
将ES5函数转换为ES6类 :package: :...设置和运行 :person_running:npm i -g jscodeshiftgit clone --depth=1 https://github.com/dhruvdutt/es5-function-to-class-codemod codemod && cd codemodjscodeshift -t fu
es5-shim.js
08-31
es5-shim.js 有需要的赶紧下载吧....
es5-shim-master.zip
01-04
es5相关JS。
ES5的函数与ES6的箭头函数的区别
izwell的博客
03-07 1480
之前被人问过这样一个问题，ES5的函数与ES6中的箭头函数有哪些区别 当时想着这么不是很简单么，ES6中的箭头函数是拥有this绑定的，且箭头函数的this绑定是尤其定义时的作用域决定的，且箭头函数的写法更精简。其实这么说也没有问题，但是太肤浅了。 查看了阮一峰大神的es6网站，看到有如下描述 （1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 由于箭头函数使得this...
ES6和ES5语法区别（常量、作用域、箭头函数）
阿蔡的博客
05-05 5953
1.常量 在ES3中，没有常量这一说。 在ES5中，通过变量的定义只读，不可修改。 在ES6中，用const定义常量也是只读，不可修改。 举个例子,设置圆周率PI的值： //es5写法 Object.defineProperty(window,'PI',{ value:3.1415926,//定义属性值 writable:false,//是否只读 }) 在控制台看 ...
ES6——箭头函数（对比ES5学习法）
cnailili的博客
02-07 804
箭头函数： 作用：箭头函数，只能作为函数使用，不能new，没有原型，目的指向性方更强，可读性更好，简化代码，提高开发效率； ①写法： //demo1： // function sum (a, b){ //ES5写法； // return a + b; // } const sum = (a, b) => { //箭头函数写法，使用时，形参变量不能重复； ...
ES5函数中的this和ES6箭头函数中的this
卡卡的笔录
08-08 523
我们都知道，js中的变量是遵循词法作用域(也叫静态作用域)的，如： let a = 'global' function foo1() { let a = 'local' console.log(a) function foo2() { console.log(a) } foo2() } foo1() 上面函数打印出的结果为2个‘local...
es6的箭头函数和es5的function函数区别
guxiansheng1991的博客
04-19 3189
一.es6的箭头函数 es6箭头函数内部没有this,使用时会上朔寻找最近的this 不可以做构造函数,不能使用new命令,因为没有this 函数体内没有arguments,可以使用rest参数代替 不能用yield,不能使用generator函数 二.疑问 下面代码中的箭头函数arrows的this指向window let obj = { aaa: '123'...
ES6折腾记- 箭头函数【Arrow function】要点及脱坑点
CRPER
09-06 9692
ES6的箭头函数的特点：永远是匿名函数，This指向于obj内部；
ES5+ES6
weixin_47450807的博客
05-01 513
1、es6中箭头函数 1、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了functi
es6箭头函数 和 es5函数区别
weixin_45412353的博客
07-02 535
我们今天来聊一聊箭头函数和普通函数的区别 一、定义语法 我们想要了解箭头函数，我们就得先知道它咋玩 函数定义 // 这是普通函数定义的方式 function fn(){ } // 箭头函数定义 let fn = ()=>{ } 形参定义 // 箭头函数只有一个形参时，可以省略掉小括号 let fn = num => { } // 有多个 形参 或 没有形参 的时候需要加上小括号 let fn2 = (num1, num2){ } 返回值 // 我们现在有一个相加函数 sum le
ES5,ES6中箭头函数,对象定义中this的总结
qq_24724109的博客
11-27 603
最近在学ES6的时候,发现使用箭头函数的时候的this指向不太清楚,和普通的对象创建做了一些对比,讲讲自己的理解,有问题希望大家和我一起讨论研究 箭头函数 和 function(){}定义的区别,箭头函数的 这里的所有代码基于chrome进行测试  这里有几个帖子是作为参考的 (1)阮一峰老师ES6 (2)关于箭头函数this的详解 为了分清箭头函数中的this和普通的this的区别,...
详解es6中箭头函数
sysuzhyupeng的博客
02-19 1586
基本用法es6中用箭头定义匿名函数 var f = v => v相当于es5 var f = function(v){ return v; }注意，如果箭头函数的代码块多于一句，箭头后面的返回值就要用大括号包起来，并显式写上return var f = (num1, num2) => { return num1 + num2 }相当于es5 var
pdfjs-2.7.570-es5-dist
最新发布
09-17
pdfjs-2.7.570-es5-dist是一个用于处理PDF文件的JavaScript库。它提供了一组强大的功能，可用于在网页上呈现和操作PDF文档。 首先，pdfjs-2.7.570-es5-dist可以代替常见的PDF阅读器插件，让用户在不离开网页的情况...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值