草庐IT

javascript - _.extend/_.assign 的目的？

coder 2025-01-17 原文

我看过很多教程或代码示例，其中开发人员使用 Underscore 的 _.extend方法或 Lodash 的 _.assign当简单地添加属性就足够的方法时，它总是让我感到困惑，使用扩展/分配而不是简单地添加属性有什么好处？有很多次我可以看到使用这些方法的好处，例如，当从另一个对象添加多个属性时，但大多数时候我看到它在下面的示例中使用，但我没有看到任何好处。

对于以下代码而不是分配属性，是否有我不知道的好处？

http://tech.pro/tutorial/1734/building-decoupled-javascript-applications-with-postaljs 

var Weather = function() {
   this.channel = postal.channel( "weather" );
   this.channel.subscribe( "fetch", this.fetch ).withContext( this );
};

_.extend(Weather.prototype, {
 fetch: function( city ) {
     $.ajax({
         url: "http://openweathermap.org/data/2.1/find/name?q=" + city + "&units=imperial",
         dataType: "jsonp",
         success: _.bind(function( data ) {
             this.channel.publish( "fetched", data.list[ 0 ] );
         }, this )
     });
   }
});

比如上面的代码是不是可以这样改写:

Weather.prototype.fetch = function(...){...}

或者这是否有负面影响？

最佳答案

它存在的原因与 jQuery 有 $.extend 的原因相同。 (包括 npm port )并且它与性能无关:将一个对象的属性添加到另一个对象，从而扩展一个与另一个。 Lodash' version允许使用 customizer 函数对合并过程进行更细粒度的控制。

扩展对象有多种用途，jQuery 开发人员在 writing plugins 上说明了其中一种用途:

An improvement we can, and should, make to the code above is to expose the default plugin settings. This is important because it makes it very easy for plugin users to override/customize the plugin with minimal code. And this is where we begin to take advantage of the function object.

// Plugin definition.
$.fn.hilight = function( options ) {

    // Extend our default options with those provided.
    // Note that the first argument to extend is an empty
    // object – this is to keep from overriding our "defaults" object.
    var opts = $.extend( {}, $.fn.hilight.defaults, options );

    // Our plugin implementation code goes here.

};

// Plugin defaults – added as a property on our plugin function.
$.fn.hilight.defaults = {
    foreground: "red",
    background: "yellow"
};

在上面的示例中，您可以清楚地看到正在处理具有属性的预设对象，该对象需要扩展甚至被具有未知属性的未知对象覆盖，因为该对象不在插件开发人员的控制范围内

有时我们根本不知道扩展对象上有哪些属性，有时它只是让事情更具可读性，有时手动操作太麻烦了，尤其是当您需要深度合并时。

另一个应用程序是您要模拟简单继承层次结构的地方:

// very trivial example:
var Super = { superFoo: function() {} };
var Sub1 =   { sub1Foo:   function() {} };
var Sub2 =   { sub2Foo:   function() {} };

$.extend(Sub1, Super) // now Sub1 has Super powers
$.extend(Sub2, Super) // now Sub2 has Super powers too

关于javascript - _.extend/_.assign 的目的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24806821/

javascriptextendcodefunctionunderscore.jslodash

有关javascript - _.extend/_.assign 的目的？的更多相关文章

  1. Ruby Koans about_array_assignment - 非平行与平行分配歧视 - 2

    通过ruby​​koans.com，我在about_array_assignment.rb中遇到了这两段代码你怎么知道第一个是非并行赋值，第二个是一个变量的并行赋值？在我看来，除了命名差异之外，代码几乎完全相同。4deftest_non_parallel_assignment5names=["John","Smith"]6assert_equal["John","Smith"],names7end45deftest_parallel_assignment_with_one_variable46first_name,=["John","Smith"]47assert_equal'John

  2. ruby - 怎么来的(a_method || :other) returns :other only when assigning to a var called a_method? - 2

    给定以下方法:defsome_method:valueend以下语句按我的预期工作:some_method||:other#=>:valuex=some_method||:other#=>:value但是下面语句的行为让我感到困惑:some_method=some_method||:other#=>:other它按预期创建了一个名为some_method的局部变量，随后对some_method的调用返回该局部变量的值。但为什么它分配:other而不是:value呢？我知道这可能不是一件明智的事情，并且可以看出它可能有多么模棱两可，但我认为应该在考虑作业之前评估作业的右侧...我已经在R

  3. ruby-on-rails - "assigns"在 Ruby on Rails 中有什么作用？ - 2

    我目前正在尝试学习RubyonRails和测试框架RSpec。assigns在此RSpec测试中做什么？describe"GETindex"doit"assignsallmymodelas@mymodel"domymodel=Factory(:mymodel)get:indexassigns(:mymodels).shouldeq([mymodel])endend 最佳答案 assigns只是检查您在Controller中设置的实例变量的值。这里检查@mymodels。 关于ruby-o

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. ruby - 在 Mechanize 中使用 JavaScript 单击链接 - 2

    我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan

  6. ruby-on-rails - Rolify的目的是什么？ - 2

    嗨，我正在使用rolify，只是意识到我并没有真正利用它的全部潜力。目前，我正在Controller中执行某些操作，如current_user.has_role?:whatever_role重新路由用户，并允许用户担任其他角色……有人问了有关rolify的stackoverflow问题，当我要回答它时，我意识到我做错了。现在，这是我的困惑开始的地方...在capability.rb中，我有:user||=User.new#guestuser(notloggedin)ifuser.has_role?:consumercan:manage,Reviewelsecan:read,Review

  7. javascript - jQuery 的 jquery-1.10.2.min.map 正在触发 404(未找到) - 2

    我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文

  8. ruby - Rake 的目的是什么？ - 2

    我知道Rake代表RubyMake，我知道Make是一个unix构建实用程序。现在，我在Xcode工作，将iPhone应用程序构建到Ruby，所以我以前从未使用过Make，我唯一一次使用rake是在rails中或安装一些第三方包时，我输入了像rakedb这样的命令:迁移。我不明白的是……构建实用程序到底是什么？rake的目的是什么？它让我做什么？因此，如果有人能帮我回答这些问题中的任何一个，我将不胜感激。 最佳答案 Rake允许您在每个项目的基础上编写某些任务的脚本，就像Makefile允许Unix开发人员编写他们的编译和构建过程的

  9. ruby-on-rails - 我将 Rails3 与 tinymce 一起使用。如何呈现用户关闭浏览器javascript然后输入xss？ - 2

    我有一个用Rails3编写的站点。我的帖子模型有一个名为“内容”的文本列。在帖子面板中，html表单使用tinymce将“content”列设置为textarea字段。在首页，因为使用了tinymce，post.html.erb的代码需要用这样的原始方法来实现。.好的，现在如果我关闭浏览器javascript，这个文本区域可以在没有tinymce的情况下输入，也许用户会输入任何xss，比如alert('xss');.我的前台会显示那个警告框。我尝试sanitize(@post.content)在posts_controller中，但sanitize方法将相互过滤tinymce样式。例如

  10. ruby - 使用 Selenium WebDriver 启用/禁用 javascript - 2

    出于某种原因，我必须为Firefox禁用javascript(手动，我们按照提到的步骤执行http://support.mozilla.org/en-US/kb/javascript-settings-for-interactive-web-pages#w_enabling-and-disabling-javascript)。使用Ruby的SeleniumWebDriver如何实现这一点？ 最佳答案 是的，这是可能的。而是另一种方式。您首先需要查看链接Selenium::WebDriver::Firefox::Profile#[]=

随机推荐