javascript的动态this与动态绑定

发布时间:2026/10/23 2:02:46
javascript的动态this与动态绑定 javascript是一门动态语言最明显就是那个dynamic this。它一般都是作为函数调用者存在。在javascript所有关系都可以作为对象的一个关联数组元素而存在。那么函数就是被掰成两部分储存于对象一是其函数名键一是函数体值那么函数中的this一般都指向函数所在的对象。但这是一般而已在全局调用函数时我们并没有看到调用者或者这时就是window。不过函数声明后其实并没有绑定到任何对象因此我们可以用call apply这些方法设置调用者。一个简单的例子window.name window;varrun function() {alert(My name is this.name);}run();运行代码这里你不能说run是作为window的一个属性而存在但它的确是被window属性调用了。实质上大多数暴露在最上层的东西都则window接管了。在它们需要调用时被拷贝到window这个对象上不过在IE中window并不继承对象于是有了window[xxx]与window.xxx性能上的差异。这是内部实现不深究了。另一个例子绑定到一个明确的对象上window.name window;object {name:object,run:function() {alert(My name is this.name);}};object.run();运行代码答案显然易见this总是为它的调用者。但如果复杂一点呢window.name window;object {name:object,run:function() {varinner function(){alert(My name is this.name);}inner();}};object.run();运行代码尽管它是定义在object内部尽管它是定义run函数内部但它弹出的既不是object也不是run因为它既不是object的属性也不是run的属性。它松散在存在于run的作用域用不能被前两者调用就只有被window拯救。window等原生对象浸透于在所有脚本的内部无孔不入只要哪里需要到它做贡献的地方它都义不容辞。但通常我们不需要它来帮倒忙这就需要奠出call与apply两大利器了。window.name window;varobject {name:object,run:function() {inner function() {alert(this.name);}inner.call(this);}}object.run();运行代码call与apply的区别在于第一个参数以后的参数的形式call是一个个aplly则都放到一个数组上在参数不明确的情况我们可以借助arguments与Array.slice轻松搞定。window.name Window;varcat {name:Cat};vardog {name:Dog,sound:function(word) {alert(this.name word);}};dog.sound( is pooping);dog.sound.call(window, is banking);dog.sound.call(dog, is banking);dog.sound.apply(cat, [ miaowing]);运行代码由此Prototype开发者搞了一个非常有名的函数出来bind!以下是它的一个最简单的版本varbind function(context, fn) {returnfunction() {returnfn.apply(context, arguments);}}

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询