当前位置: 首页 > news >正文

西城网站建设公司/怎么接广告推广

西城网站建设公司,怎么接广告推广,昆明网站建设公司_,wordpress popup很多在撸代码的时候,涉及到this总会出现一些问题,无法得到我们想要的值。大多数时候是我们没有弄清楚this的指向到底是什么,所以在某些情况下,this得到的不是我们想要的值。最近学习了一下函数中this指向的问题,在此分…

很多在撸代码的时候,涉及到this总会出现一些问题,无法得到我们想要的值。大多数时候是我们没有弄清楚this的指向到底是什么,所以在某些情况下,this得到的不是我们想要的值。最近学习了一下函数中this指向的问题,在此分享出来也方便自己日后巩固学习。

普通函数与ES6中箭头函数里,this指向的问题

一、普通函数中this

(1)总是代表着它的直接调用者,如obj.fn,fn里的最外层this就是指向obj

(2)默认情况下,没有直接调用者,this指向window

(3)严格模式下(设置了’use strict’),this为undefined

(4)当使用call,apply,bind(ES5新增)绑定的,this指向绑定对象

注释:

  1. call 方法第一个参数是this的指向,后面传入的是一个参数列表。当第一个参数为null、undefined的时候,默认指向window。如:getColor.call(obj, ‘yellow’, ‘blue’, ‘red’)

  2. apply 方法接受两个参数,第一个参数是this的指向,第二个参数是一个参数数组。当第一个参数为null、undefined的时候,默认指向window。如:getColor.apply(obj, [‘yellow’, ‘blue’, ‘red’])

  3. bind 方法和 call 方法很相似,第一个参数是this的指向,从第二个参数开始是接收的参数列表。区别在于bind方法返回值是函数以及bind接收的参数列表的使用。低版本浏览器没有该方法,需要自己手动实现

  4. 以上 call,apply,bind 方法是ES5新增,如果想要了解更多可以自行百度谷歌研究一下()

二、ES6箭头函数中this
更短的函数,相当于匿名函数,简化了函数的定义
(1)默认指向定义它时,所处上下文的对象的this指向。即ES6箭头函数里this的指向就是上下文里对象this指向,偶尔没有上下文对象,this就指向window

(2)即使是call,apply,bind等方法也不能改变箭头函数this的指向

一些实例加深印象

(1)hello是全局函数,没有直接调用它的对象,也没有使用严格模式,this指向window

function hello() { console.log(this);  // window 
}  
hello();

(2)hello是全局函数,没有直接调用它的对象,但指定了严格模式(‘use strict’),this指向undefined

function hello() { 'use strict';console.log(this);  // undefined
}  
hello();

(3)hello直接调用者是obj,第一个this指向obj,setTimeout里匿名函数没有直接调用者,this指向window

const obj = {num: 10,hello: function () {console.log(this);    // objsetTimeout(function () {console.log(this);    // window});}    
}
obj.hello();

(4)hello直接调用者是obj,第一个this指向obj,setTimeout箭头函数,this指向最近的函数的this指向,即也是obj

const obj = {num: 10,hello: function () {console.log(this);    // objsetTimeout(() => {console.log(this);    // obj});}    
}
obj.hello();

(5)diameter是普通函数,里面的this指向直接调用它的对象obj。perimeter是箭头函数,this应该指向上下文函数this的指向,这里上下文没有函数对象,就默认为window,而window里面没有radius这个属性,就返回为NaN。

const obj = {radius: 10,  diameter() {    return this.radius * 2},  perimeter: () => 2 * Math.PI * this.radius
}
console.log(obj.diameter())    // 20
console.log(obj.perimeter())    // NaN

以上就是ES6箭头函数与普通函数里,this的指向区别。相信在项目开发过程中,会有一定帮助,避免陷入坑里耽搁项目进程。

http://www.lbrq.cn/news/141265.html

相关文章:

  • 网站地图样式/如何做一个自己的网页
  • wordpress网站手机端菜单栏/网站seo推广计划
  • 免费制作网络商城网站/百度网址提交入口
  • 广州正规网站建设有哪些/宁波企业seo外包
  • 广州微信网站建设哪家好/注册域名查询网站官网
  • 郑州网站设计见效快/seo网站优化技术
  • 视频网站中滑动列表怎么做/seo分析报告
  • 网站建设用什么工具/螺蛳粉营销策划方案
  • 电商网站开发计划书/如何免费做网站
  • 厦门汽车充电站建设报备网站/seo培训
  • wordpress站内搜索统计/徐州百度快照优化
  • dede中英文网站切换/网络营销推广计划书
  • 网站后台管理系统怎么用/品牌全案策划
  • 珠海市企业网站建设/seo长尾关键词
  • 做网站太麻烦了/搜索引擎广告的优缺点
  • 微信h5在哪个网站做/新闻今天
  • 旅游网站400电话彩铃/专业做seo推广
  • 网站建设3d插件/西宁网站seo
  • 做ppt模板的网站/化学sem是什么意思
  • 什么是网站app建设/手机怎么建立网站
  • 东营人力资源考试信息网官网/站长工具seo排名查询
  • 云南网际科技有限公司/seo搜索引擎优化课程
  • 广州市天河区门户网站/关键词快速排名怎么做
  • 泰安网络网站/滁州网站seo
  • 网站开发摘要/百度seo最新算法
  • 网站个人主页怎么做/seo销售
  • 大学生帮别人做网站/seo搜索引擎优化排名报价
  • 柳州住房城乡建设厅官方网站/seo的理解
  • 9.9元包邮网站怎么做/快速整站优化
  • 搜索小程序/专业seo优化公司
  • 【转】Rust: PhantomData,#may_dangle和Drop Check 真真假假
  • JavaScript进阶篇——第四章 解构赋值(完全版)
  • 微信131~140
  • 机器学习(ML)、深度学习(DL)、强化学习(RL):人工智能的三驾马车
  • 【LeetCode240.搜索二维矩阵Ⅱ】以及变式
  • KL散度:信息差异的量化标尺 | 从概率分布对齐到模型优化的核心度量