- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我目前正在通过“你不知道 js”系列学习 javascript。
在“this & object prototype”部分,作者提出了一种软绑定(bind)this
的方法。 .
但是,我对代码感到非常困惑。所以我想知道是否有人可以向我解释它,一步一步地,代码到底做了什么?
//step 1: if "softBind" property does not exist on `Function.prototye`
if (!Function.prototype.softBind) {
//step 2: create a property named "softBind" on "Function.prototype" and assign to "softBind" the following function
Function.prototype.softBind = function(obj) {
//step 3: what is the point of assigning "this" to the variable "fn"?
//what does "this" represent at this point in time?
var fn = this,
//step 4: I understand that "arguments" is an array-like object, i.e. "arguments" is not a true array.
//But you can convert "arguments" to an true array by using "[].slice.call(arguments)".
//The thing I dont understand here is, why the 1?
//I understand it tells "slice" method to start slicing at index 1, but why 1?
//And what is the purpose of "curried" variable?
curried = [].slice.call( arguments, 1 ),
bound = function bound() {
//step 5: I understand what "apply" function does
return fn.apply(
//step 6: I dont really understand how "!this" works.
(!this ||
//step 7: utterly confused...
(typeof window !== "undefined" &&
this === window) ||
(typeof global !== "undefined" &&
this === global)
//step 8: if the above statements evaluates to "true", then use "obj",
//otherwise, use "this"
) ? obj : this,
//step 9: can't I write "curried.concat(arguments)" instead?
//why the convoluted syntax?
curried.concat.apply( curried, arguments )
);
};
//step 10: Why assign the "fn.prototype" as the prototype to "bound.prototype"?
bound.prototype = Object.create( fn.prototype );
return bound;
};
}
最佳答案
第 3 步:将“this”分配给变量“fn”有什么意义? this
的值持有一个指向当前正在执行的函数对象的指针。只能保存函数对象,因此只有通过 new() 或等效符号实际创建的东西。这对于将外部对象的引用传递给在所述外部对象内创建的内部对象非常有用。
这是一个最小的例子:
function fn1() {
var x = this; // x = fn1.
this.u = 5;
function fn2() {
this.u = 10;
console.log(this.u); // Prints the member of fn2.
console.log(x.u); // Prints the member of fn1.
};
var W = new fn2();
}
var V = new fn1();
10
5
fn1
的对象创建名为
V
.它有一个成员变量
u
持有值(value)
5
.然后,我们创建一个类型为
fn2
的对象。叫
W
内
fn1
.它
还有有一个成员变量
u
,但这里它持有值
10
.如果我们想
print
V.u
的值内
W
,那么我们需要一个指向
V
的指针.调用
this.u
内
W
将输出它的 u 值 (10),这不是我们想要的。所以我们定义了一个变量
x
类范围内
fn1
,拿着
this
我们的指针。现在可以访问
fn1
的成员了内
fn2
.
!this
只是一种检查是否
this
的方法被定义为。如果不是,则该值将为
true
.否则,因为
this
将是一个对象(当转换为 bool 值时,它的计算结果为
true
),那么它是
false
.
this
等于
window
, 或
global
.笔记;在现代浏览器中,只检查
window
就足够了,但是 IE 存在(非浏览器 javascript 环境也是如此)。因此,完整的语句评估为:
window
或
global
,然后返回对象
softbind
是用创建的。否则,返回我被调用的对象
global
通过使用
this
的上下文多变的。但是,它可以访问任何其他对象,从而允许您与库进行交互。
Curried
保留原始
softbind
的所有参数函数被调用,除了第一个参数。
arguments
,此时,不等于
arguments
在之前的通话中。在这里,它指的是调用绑定(bind)函数的参数,而不是绑定(bind)函数的参数。该行集成了两组参数,允许您提供默认参数。这里使用的技巧是连接参数,例如假设您的函数具有默认参数
[1,2,3,4]
并且您提供
[5,6]
:
[1,2,3,4].concat([5,6])
生产
[1,2,3,4,5,6]
.
curried
相同,同时连接
arguments
到电话。同样,你可以这样写:
curried2 = curried.concat(arguments);
return fn.apply(
(.....)
curried2);
curried
(与解释无关的高级数学术语)为
defaultArguments
并使用一个简单的
for
如果稍微详细一点,循环每个参数会更容易理解。我猜作者想要花哨。
bind
功能及其工作原理:基本上,替换
prototype
的最终结果在函数调用期间返回默认原型(prototype)意味着当您的
softbind
使用
new
调用启用的函数运算符(operator)
this
将设置为自身,而不是默认绑定(bind)对象。
prototype
仅调用绑定(bind)函数时将不起作用。
softbind
创建东西使用其
prototype
启用功能不会让该原型(prototype)被
softbind
的原型(prototype)否决当它被绑定(bind)。 (这会使 softbind 与原型(prototype)不兼容)。相反,
两者 使用原型(prototype)。
this
可能会令人困惑不会以您期望的方式行事。
this
将默认为
undefined
每当它指向全局对象时。防止这个复杂的代码试图解决的问题(通常会导致函数试图访问
undefined
的成员变量或函数的错误),同时更容易使用,同时它会提示关于许多有效的常规 javascript 的语法,但在任何正常用例中都是一个错误。另见
MDN article关于它。它将为您捕获许多潜在的错误,而不是默默地做无意义的事情。
bind
当您将对象的成员函数传递给另一个函数时,尝试解决“丢失”对象的问题,例如
setTimeout
.另一种方法是使用匿名函数。而不是使用(软)绑定(bind),假设
obj
是一个持有函数的对象
fn
正在传递参数
param
;
setTimeout(obj.fn(param), 500);
setTimeout(function(param){obj.fn(param);}, 500);
关于javascript - 对 "softBind"函数如何工作的困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45046836/
我在Windows 10中使用一些简单的Powershell代码遇到了这个奇怪的问题,我认为这可能是我做错了,但我不是Powershell的天才。 我有这个: $ix = [System.Net.Dn
var urlsearch = "http://192.168.10.113:8080/collective-intellegence/StoreClicks?userid=" + userId +
我有一个非常奇怪的问题,过去两天一直让我抓狂。 我有一个我试图控制的串行设备(LS 100 光度计)。使用设置了正确参数的终端(白蚁),我可以发送命令(“MES”),然后是定界符(CR LF),然后我
我目前正试图让无需注册的 COM 使用 Excel 作为客户端,使用 .NET dll 作为服务器。目前,我只是试图让概念验证工作,但遇到了麻烦。 显然,当我使用 Excel 时,我不能简单地使用与可
我开发了简单的 REST API - https://github.com/pavelpetrcz/MandaysFigu - 我的问题是在本地主机上,WildFly 16 服务器的应用程序运行正常。
我遇到了奇怪的情况 - 从 Django shell 创建一些 Mongoengine 对象是成功的,但是从 Django View 创建相同的对象看起来成功,但 MongoDB 中没有出现任何数据。
我是 flask 的新手,只编写了一个相当简单的网络应用程序——没有数据库,只是一个航类搜索 API 的前端。一切正常,但为了提高我的技能,我正在尝试使用应用程序工厂和蓝图重构我的代码。让它与 pus
我的谷歌分析 JavaScript 事件在开发者控制台中运行得很好。 但是当从外部 js 文件包含在页面上时,它们根本不起作用。由于某种原因。 例如; 下面的内容将在包含在控制台中时运行。但当包含在单
这是一本名为“Node.js 8 the Right Way”的书中的任务。你可以在下面看到它: 这是我的解决方案: 'use strict'; const zmq = require('zeromq
我正在阅读文本行,并创建其独特单词的列表(在将它们小写之后)。我可以使它与 flatMap 一起工作,但不能使它与 map 的“子”流一起工作。 flatMap 看起来更简洁和“更好”,但为什么 di
我正在编写一些 PowerShell 脚本来进行一些构建自动化。我发现 here echo $? 根据前面的语句返回真或假。我刚刚发现 echo 是 Write-Output 的别名。 写主机 $?
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 4年前关闭。 Improve thi
我将一个工作 View Controller 类从另一个项目复制到一个新项目中。我无法在新项目中加载 View 。在旧项目中我使用了presentModalViewController。在新版本中,我
我对 javascript 很陌生,所以很难看出我哪里出错了。由于某种原因,我的功能无法正常工作。任何帮助,将不胜感激。我尝试在外部 js 文件、头部/主体中使用它们,但似乎没有任何效果。错误要么出在
我正在尝试学习Flutter中的复选框。 问题是,当我想在Scaffold(body :)中使用复选框时,它正在工作。但我想在不同的地方使用它,例如ListView中的项目。 return Cente
我们当前使用的是 sleuth 2.2.3.RELEASE,我们看不到在 http header 中传递的 userId 字段没有传播。下面是我们的代码。 BaggageField REQUEST_I
我有一个组合框,其中包含一个项目,比如“a”。我想调用该组合框的 Action 监听器,仅在手动选择项目“a”完成时才调用。我也尝试过 ItemStateChanged,但它的工作原理与 Action
你能看一下照片吗?现在,一步前我执行了 this.interrupt()。您可以看到 this.isInterrupted() 为 false。我仔细观察——“这个”没有改变。它具有相同的 ID (1
我们当前使用的是 sleuth 2.2.3.RELEASE,我们看不到在 http header 中传递的 userId 字段没有传播。下面是我们的代码。 BaggageField REQUEST_I
我正在尝试在我的网站上设置一个联系表单,当有人点击发送时,就会运行一个作业,并在该作业中向所有管理员用户发送通知。不过,我在失败的工作表中不断收到此错误: Illuminate\Database\El
我是一名优秀的程序员,十分优秀!