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

建设局网站买卖合同外贸平台有哪些用户量大的

建设局网站买卖合同,外贸平台有哪些用户量大的,工信部官网,在重庆_那里可以做诚信网站认证在JavaScript中,this是一个关键字,它在不同的上下文中引用不同的对象,其this的绑定是动态的,这主要取决于函数的调用方式。this的绑定是函数运行时才确定的而不是编写是就绑定。在我看来this就像魔法一样让人难以理解掌握&#xf…

在JavaScript中,this是一个关键字,它在不同的上下文中引用不同的对象,其this的绑定是动态的,这主要取决于函数的调用方式。this的绑定是函数运行时才确定的而不是编写是就绑定。在我看来this就像魔法一样让人难以理解掌握,工作这么久以来我从来没有认真的静下心来学习关于this的知识,所以还需要花大量的时间去学习与练习this的使用。

对于this的误解

在正式学习this之前需要避开两个对于this的误解,这也是在我看了《你不知道的JavaScript上卷》这本书之后所学到的知识,他们分别是:1. this指向函数自身 2. this指向函数的作用域。

先来看第一个误区:this指向函数自身

// 记录nums的累加值
function foo(num){console.log('foo:'+num)this.nums ++;
}
foo.nums = 0;
for(var i = 0; i<10; i++){if(i>5){foo(i)}
}
nums // 0
这是为什么?因为this.nums没有绑定到foo函数上去
function foo1(){console.log(this) // window全局对象
}
// 也有解决方法滴,不使用this而是使用词法作用域
function foo1(num){console.log('foo:'+num)nums ++;
}
var nums = 0;
for(var i = 0; i<10; i++){if(i>5){foo(i)}
}
nums // 4

再来看第二个:this指向函数作用域

function foo2(){var a = 2;this.bar()
}
function bar(){console.log( this.a)
}

像这样bar试图通过作用域的方式去访问foo2函数中的变量,这样是访问不到的。

所以this并不会指向函数自身或者函数的作用域。this实际上是在函数调用时候才绑定的,它指向什么完全取决去函数的调用方式。

this的绑定规则

1.默认绑定

默认绑定在非严格模式下是绑定到全局对象上的,在严格模式下会绑定到undefined

var a = 2;
functin foo(){this.a // 2
}
foo()
function foo1(){"use strict"this.a // undefined
}
foo1()
2.隐式绑定

隐式绑定指的是函数的调用位置是否处于上下文对象,或者说是否被对象所包裹或拥有,一般来说将foo函数作为obj对象的引用属性添加到obj的上下文中,obj就拥有了foo函数,foo的this就绑定到了obj身上。

function foo(){this.a // 2
}
var obj = {a: 2,foo: foo
}
obj.foo // 2
3.显式绑定

可以通过call()、apply() 方法进行显式的绑定this

function foo() {this.a // 2
}
var obj = {a: 2
}
foo.call(obj) // 这句代码的意思是将foo的this绑定到obj上面
apply同理这里不再赘述
4.new绑定

通过构造一个构造函数的方式来绑定this

function foo(a){this.a = a
}
var bar = new foo(2)
bar.a // 2
这几句代码发生了什么?
1.创建一个新对象
2.这个新对象会被执行[[prototype]]连接
3.这个新对象的this会绑定到构造函数

优先级

试着想一下如果一个函数在调用时存在多个绑定规则,这时该怎么选?答案就是利用优先级规则。在这里我直接说结果吧,优先级从高到低依次是:

1.使用了new调用函数,这时this就指向了新创建的对象。

2.如果使用call或者apply直接硬性的绑定this,那么此时this就指向了指定的对象。

3.如果函数处于某个对象上下文中调用的话,那么this就指向了这个对象。

4.如果以上都不满足,则会使用默认绑定,在非严格模式下this指向全局对象,在严格模式下this指向undefined

=>箭头函数

箭头函数并不使用以上四条this的绑定规则,而是根据当前所在词法作用域(函数或者全局)来决定this的绑定,具体来说箭头函数会继承外层函数函数调用this的绑定。

function foo(){return (a)=>{console.log(a)}
}
var obj1 = {a: 2
}
foo.call(obj1)
obj1.a // 2

例外

凡事总有例外,有些时候你以为的绑定规则其实他是使用了默认绑定规则。如果你想更安全的忽略this绑定,你可以使用一个DMZ对象,或者说是一个安全区,这样就不会担心对全局对象产生影响。可以使用 var 0 = Object.create(null)创建一个空对象,他比{}更空不会创建prototype这个委托。

总结

以上就是关于JavaScript中关于this的知识总结。

  • 关于对this的两个误会:1.this指向其函数自身 2. this指定函数内部作用域。我们一定要纠正这两个误会。

  • 函数中this的绑定只有在这个函数运行时才确定,如果要知道这个函数中this绑定到了什么地方,那就要找到这个函数的实际调用位置,而并不是函数的声明位置。找到了函数的调用位置那么久可以依照以下的this绑定规则来确定this到底绑定到了那个对象上面。

  1. 如果是由new调用就绑定到新创建的对象上面。
  2. 如果是通过call或apply进行绑定,那么就会绑定到指定的对象上面。
  3. 如果是由一个对象上下文或者说在一个对象内部,就绑定到这个对象。
  4. 除了以上三条规则那就是默认绑定,在非严格模式下绑定到全局对象上,在严格模式下绑定到undefined上。
  • 如果一个一个函数调用中存在多个规则的情况下,this的绑定也是有优先级的,其优先级从高到低依次为:

  • new绑定>显示绑定>隐式绑定>默认绑定。

  • 箭头函数的this绑定,是由他自己所在外部函数上下文决定的。

http://www.yayakq.cn/news/131189/

相关文章:

  • 大连建设工程信息网改名为什么百度seo快速
  • 网站推广营销运营方式主要是WordPress
  • 通州设计网站建设移动互联网时代的渠道模式创新
  • ai网站大全可以做水印的网站
  • 网站的优点有哪些方面安阳做网站公司
  • h5网站开发软件自己做的网站怎么设置地址
  • 济宁网站建设 智雅公司建一个网站多少钱
  • 网站建设实训指导书建设网站的步骤
  • 网站开发好了 怎么发布成都装饰网站建设
  • 长沙优化网站多少钱东莞人才市场档案接收电话
  • 普陀区网站建设公司万户做的网站安全吗
  • 电脑做网站主机网站建设公司哪家好 在线磐石网络
  • 模板网站为什么做不了优化郑州做网站建设公司哪家好
  • 鄂州网站制作哪家好莱芜杂谈
  • 中国工程建设招聘信息网站合肥建设网网站
  • 创建网站的快捷方式大连网站建设平台
  • 计算机(网站建设与维护)男人和女人做羞羞的事情网站
  • 一般可以建些什么种类的网站崔凯 本地wordpress
  • 网页视频怎么下载到电脑国际网站怎么做优化
  • 如何开发网站快三直播十大平台直播间
  • 家具网站源码做数据新闻的网站
  • 简述企业网站维护的重要性印刷 技术支持 东莞网站建设
  • 郑州网站建设价位公司网站建设多少费用兴田德润在哪里
  • 个人网站要不要备案php 开源的企业网站
  • 美食网站开发的背景建站过程
  • 网站推广关键词工具网站建设怎么在图片上加字
  • 摄影工作室网站设计软件开发流程八个步骤
  • 做包子网站有哪些专门做创意门头的网站
  • 打开网站提示建设中电商平台代运营公司
  • 关于宠物的网站网页设计广州住建网站