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

网站建设合同违约金一般多少排名函数rank怎么用

网站建设合同违约金一般多少,排名函数rank怎么用,html编辑器在哪里,网站建设应该计入什么费用本系列内容为JS全解析,为千锋教育资深前端老师独家创作 致力于为大家讲解清晰JavaScript相关知识点,含有丰富的代码案例及讲解。如果感觉对大家有帮助的话,可以【点个关注】持续追更~ this指向(掌握) this 是一个关…

在这里插入图片描述
本系列内容为JS全解析,为千锋教育资深前端老师独家创作

致力于为大家讲解清晰JavaScript相关知识点,含有丰富的代码案例及讲解。如果感觉对大家有帮助的话,可以【点个关注】持续追更~

this指向(掌握)

this 是一个关键字,是一个使用在作用域内的关键字

作用域分为全局作用域和局部作用域(私有作用域或者函数作用域)

全局作用域

全局作用域中this指向window

局部作用域

函数内的 this, 和 函数如何定义没有关系, 和 函数在哪定义也没有关系,只看函数是如何被调用的(箭头函数除外)

可分为以下场景:

普通函数中调用

普通函数中的this和全局调用一样,this指向window

语法:函数名()

<script>// 全局使用 this console.log(this) //window console.log(window) //window console.log(window === this) //true //普通函数调用 function fn() { console.log('我是全局 fn 函数') console.log(this) //window } fn() 
</script>

对象(包含数组)中调用

该函数内的 this 指向 前面的内容,也就是那个对象或者数组

语法:

对象名.函数名()*

对象名

<script> //对象函数调用 function fn() { console.log(this) //{fun: ƒ} } var obj = { fun: fn } obj.fun() obj['fun']() 
</script>

定时器处理函数中调用

定时器中的this同样也是指向window

<script> // 定时器处理函数 setTimeout(function() { console.log(this); //window }, 1000) 
</script>

事件处理程序中调用

事件处理程序中的this指向的是事件源

<!DOCTYPE html> 
<html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">        <title>Document</title> <style> div { width: 200px; height: 200px; background-color: red; } </style> 
</head> <body> <div>hello world</div> <script> var res = document.querySelector('div') res.onclick = function() { console.log(this); //<div></div>} </script> 
</body> </html>

自执行函数中调用

●自执行函数中的this也指向window

<script> (function() { console.log(this); //window })() 
</script>

强行改变this指向

通过上面的学习大家知道,this在不同的情况指向是不同的,但是有时候需要指向一个制定的对象,这就需要改变this的指向

可以理解成不管之前指向哪里,现在我让你指向哪里你就要指向哪里

强行改变this指向的方式可以通过call、apply和bind来改变

call调用

作用:改变函数内部this的指向

语法:

函数名.call()

对象名.函数名.call(参数1,参数2,参数3…)

参数:

○第一个参数是this要指向的对象

○从第二个参数开始,依次给函数传递实参

特点: 会立即调用函数或者说立即执行

<script> function fn(a, b) { console.group('fn 函数内的 打印') console.log('this : ', this) console.log('a : ', a) console.log('b : ', b) console.groupEnd() } var obj = { name: '我是 obj 对象' } var arr = [100, 200, 300, 400, 500] // 用 call 调用 fn.call(obj, 100, 200) fn.call(arr, 1000, 2000) /* this : {name: '我是 obj 对象'} a : 100 b : 200 fn 函数内的 打印 this : (5) [100, 200, 300, 400, 500] a : 1000 b : 2000 */ 
</script>

apply调用

作用: 改变函数内部this的指向

语法:

○函数名.apply()
○对象名.函数名.apply(参数1,[参数2,参数3…])

参数:

○第一个参数是this要指向的对象

○第二参数的一个数组,要传递的实参要放到数组里面,就是有一个实参也要放到数组里面

特点: 会立即调用函数或者说立即执行

<script> function fn(a, b) { console.group('fn 函数内的 打印') console.log('this : ', this) console.log('a : ', a) console.log('b : ', b) console.groupEnd() } var obj = { name: '我是 obj 对象' } var arr = [100, 200, 300, 400, 500] // 用 apply 调用 fn.apply(obj, [100, 200]) fn.apply(arr, [1000, 2000]) /* fn 函数内的 打印 this : {name: '我是 obj 对象'} a : 100 b : 200 fn 函数内的 打印 this : (5) [100, 200, 300, 400, 500] a : 1000 b : 2000 */ 
</script>

bind调用

作用: 改变函数内部this的指向

语法:

函数名.bind()

对象名.函数名.bind(参数1,参数2,参数3...)

参数:

第一个参数是this要指向的对象

从第二个参数开始,依次给函数传递实参

特点: 函数不会立即调用,会返回一个改变this指向以后的函数,使用的时候需要调用

<script> function fn(a, b) { console.group('fn 函数内的 打印') console.log('this : ', this) console.log('a : ', a) console.log('b : ', b) console.groupEnd() } var obj = { name: '我是 obj 对象' } var arr = [100, 200, 300, 400, 500] // 用 bind 调用 // 注意: 因为是 bind, 不会把 fn 函数执行, 而是把 fn // res 接受的就是 bind 方法复制出来的 fn 函数, 和 fn var res = fn.bind(obj, 100, 200) var res1 = fn.bind(arr, 1000, 2000) res() res1() /* fn 函数内的 打印 this : {name: '我是 obj 对象'} a : 100 b : 200 fn 函数内的 打印 this : (5) [100, 200, 300, 400, 500] a : 1000 b : 2000 */ 
</script>

以上即为JS中this指向的一些基础知识点,更多技术干货、知识技巧可以关注我们!有不清楚的问题也可以在评论区交流讨论,也可以私信小千~

http://www.mmbaike.com/news/58639.html

相关文章:

  • 用宝塔给远程网站做备份sem竞价
  • 广安市城乡建设规划局网站可以免费领取会员的软件
  • 北京网站建设公司分享网站改版注意事项seo流量排行榜神器
  • 做网站视频存储网络营销的四大要素
  • 华龙网重庆新闻网络推广优化品牌公司
  • wordpress用户站点怎样淘宝seo排名优化
  • 旅游网站开发设计十大品牌营销策划公司
  • 做赌博网站被抓没盈利网络营销策划方案论文
  • 新一站保险网如何在百度打广告
  • 天津做网站多少钱广州网站关键词推广
  • 外贸做企业什么网站网络新闻发布平台
  • 莘县网站网络推广的方法和技巧
  • 网站导航的建设痘痘如何去除效果好
  • 电子商务网站建设公司百度搜索工具
  • 80端口被封怎么做网站免费网络推广软件
  • 找券网站怎么做新手怎样推销自己的产品
  • 做一个网站以及app多少钱凡科网
  • 无锡网站建设befen推广平台排名
  • 网站建设项目选题福鼎网站优化公司
  • 国外教做美食网站搜索风云榜入口
  • 哪里可以做虚拟货币网站怎么做好seo推广
  • 南京哪个网站建设比较好企业全网推广公司
  • 网站开发的操作可行性杭州seo论坛
  • 静态网站怎么做百度推广今日的头条新闻
  • 唐山企业网站模板建站如何制作网页教程
  • 网站怎么升级营销手段有哪些方式
  • 儿童 html网站模板长沙官网seo
  • 苏州网站推广排名百度关键词优化平台
  • 申请网站建设的请示东莞网站seo推广
  • 建设网站公司专业网站建网站建设网站