首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >这在来自underscore.js的函数"_“中

这在来自underscore.js的函数"_“中
EN

Stack Overflow用户
提问于 2013-04-16 01:43:35
回答 1查看 389关注 0票数 0

我正在尝试解决underscore.js代码,但我在一开始就遇到了问题。这段代码被描述为“创建对下面使用的下划线对象的安全引用”。

代码语言:javascript
运行
复制
 var _ = function(obj) {
   if (obj instanceof _) return obj;
   if (!(this instanceof _)) return new _(obj);
   this._wrapped = obj;
 };

我还是不明白。这是一个简单的函数还是构造函数?乍一看,它有:

代码语言:javascript
运行
复制
this._wrapped = obj;

所以它是构造函数,但它有两个返回的‘if’,那么当if的值为false时,它是构造函数吗?当其中一个if值为true时,它是构造函数吗?

还有其他问题:

代码语言:javascript
运行
复制
if (!(this instanceof _)) return new _(obj);

这里的'this‘是什么?为什么这证明了安全性。如果If get true是其自身创建对象呢?这是不是类似于递归?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-04-16 02:41:39

在JavaScript中,函数被用作构造函数。在使用new运算符时,任何函数都可以用作构造函数。以一个简单的sum函数为例:

代码语言:javascript
运行
复制
function sum(a, b) {
    return a + b;
}

var x = new sum(10, 2);

console.log(x); // object
console.log(x instanceof sum); // true;

在这里,我们进入第二部分:我们如何才能真正理解function是否作为构造函数被调用?使用您上面提到的this instanceof行。基本上:

代码语言:javascript
运行
复制
function sum(a, b) {
    if (this instanceof sum) {
        this.result = a + b;
    } else {
        return a + b;
    }
}

如果一个函数作为构造函数被调用,上下文对象this将指向刚刚创建的新对象。

此技术还用于在某些库中使用new-free语法,与您发布的代码类似,因此new是可选的:

代码语言:javascript
运行
复制
var panel = Panel();

在内部,他们只检查this

代码语言:javascript
运行
复制
function Panel() {
    if (this instanceof Panel) {
        return this; // `new` operator was used
    } else {
        return new Panel(); // called without `new`, so we create a new object
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16021460

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档