jjzjj

Javascript 函数和对象

coder 2024-07-16 原文

我正在学习 Javascript,我已经使用 PHP 大约 10 年了,所以我对 Javascript 有一些了解,主要是使用 jQuery 并将其结合在一起,我认为是时候努力学习它了,所以我一直阅读它。

下面是我定义和调用一些函数的例子。

方法一

function testFunction1() {
    console.log('TestFunction1() was ran');
}
testFunction1();

方法二

var testFunction2 = function() {
    console.log('TestFunction2() was ran');
}
testFunction2();

方法三

var TestFunction3 = {
    flag: function() {
        console.log('TestFunction3.flag() was ran');
    },
    unflag: function() {
        console.log('TestFunction3.unflag() was ran');
    }
};
TestFunction3.flag();
TestFunction3.unflag();

方法四

var TestFunction4 = {
    Like: {
        comment: function() {
            console.log('TestFunction4.Like.comment() was ran');
        },
        user: function() {
            console.log('TestFunction4.Like.user() was ran');
        }
    },
    Unlike: {
        comment: function() {
            console.log('TestFunction4.Unlike.comment() was ran');
        },
        user: function() {
            console.log('TestFunction4.Unlike.user() was ran');
        }
    }
};
TestFunction4.Like.comment();
TestFunction4.Like.user();
TestFunction4.Unlike.comment();
TestFunction4.Unlike.user();

好的,所以我将方法 1 和 2 理解为只是一个基本的函数调用。

1)
方法 3 和 4 是我的问题的起点,从其他帖子和阅读中,我无法判断这些是否仍被视为应用了命名空间的基本功能,或者它们是否被视为对象?

2)
我看到有时会用 new 词调用一个对象,但是在浏览器中运行所有这些都可以正常工作,所以我猜这不是一个对象?如果它不是一个对象,我如何将它变成一个对象?

3)
示例 3 和 4 几乎相同,只是示例 4 的函数定义比示例 3 深 1 层,示例 3 和 4 是否有名称,或者它们是否被认为是同一事物?

4)
最后,在所有 4 个示例中,这 4 种方法中的任何一种是否优于另一种?

很抱歉 1 中的所有问题,但它们都是相关的,我认为我不需要为此开始 4 个单独的问题。

最佳答案

3 是一个对象。它具有对象属性,这些属性本身具有作为函数的属性。 4 是相同的想法,只是嵌套较少。

就使用 new 关键字而言,这只是创建对象的一种方式。当使用 new 调用函数时,这称为构造函数调用。它是调用函数的四种方式之一。另外三个,为了完整性,是方法调用函数调用应用调用

如果您想将函数用作构造函数,按照惯例,它以大写字母开头,然后使用 new 关键字调用它。这将创建一个基于 Object.prototype 的空白对象,并将其设置为等于 this。使用这种对象创建模式时,您可以通过将属性直接添加到 this 来将属性添加到结果对象中,即 this.foo = 12

该对象的方法将通过修改您的函数原型(prototype)来添加。

YourConstrutor.prototype.newMethod = function() {
   alert(this.foo);
};

请注意,使用构造函数会带来很多困难,尤其是如果您想要实现继承

通过从“常规”函数返回对象可以更简单地创建对象:

function createCar() {
   return {
      prop1 : 12,
      someFunc: function() {
         alert(this.prop1);
      }
   }
}

这也使信息隐藏变得容易:

function createCar() {
   var protectedInfo = "haha I'm protected"; ///not visible outside this function
   return {
      prop1 : 12,
      showProtectedData: function() {
         alert(protectedInfo);
      },
      someFunc: function() {
         alert(this.prop1);
      }
   }
}

(您也可以使用构造函数实现信息隐藏,但是 protected 信息不会对您放置在原型(prototype)上的方法可见; protected 信息仅对您手动添加到 的方法可见这个)

这里唯一的缺点是创建会稍微慢一些,因为它每次都从头创建someFunc方法;使用构造函数,它将作为原型(prototype)的一部分存在一次。

4. 哪个更好?如果只想创建单个对象,则使用 3 或 4。简单。

如果你想重复创建一个对象,那么视情况而定。您是否会创建数以万计的此类对象,因此速度是最重要的?如果是这样,您可能需要一个构造函数。如果不是,那么这取决于您最满意的是什么。我发现一个返回对象的简单函数最清晰、最灵活,但这只是我的偏好。许多比我聪明得多的开发人员更喜欢构造函数。

关于Javascript 函数和对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8303747/

有关Javascript 函数和对象的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法? - 2

    总的来说,我对ruby​​还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 按天对 Mongoid 对象进行分组 - 2

    在控制台中反复尝试之后,我想到了这种方法,可以按发生日期对类似activerecord的(Mongoid)对象进行分组。我不确定这是完成此任务的最佳方法,但它确实有效。有没有人有更好的建议,或者这是一个很好的方法?#eventsisanarrayofactiverecord-likeobjectsthatincludeatimeattributeevents.map{|event|#converteventsarrayintoanarrayofhasheswiththedayofthemonthandtheevent{:number=>event.time.day,:event=>ev

  3. ruby-on-rails - 如何验证非模型(甚至非对象)字段 - 2

    我有一个表单,其中有很多字段取自数组(而不是模型或对象)。我如何验证这些字段的存在?solve_problem_pathdo|f|%>... 最佳答案 创建一个简单的类来包装请求参数并使用ActiveModel::Validations。#definedsomewhere,atthesimplest:require'ostruct'classSolvetrue#youcouldevencheckthesolutionwithavalidatorvalidatedoerrors.add(:base,"WRONG!!!")unlesss

  4. Ruby 写入和读取对象到文件 - 2

    好的,所以我的目标是轻松地将一些数据保存到磁盘以备后用。您如何简单地写入然后读取一个对象?所以如果我有一个简单的类classCattr_accessor:a,:bdefinitialize(a,b)@a,@b=a,bendend所以如果我从中非常快地制作一个objobj=C.new("foo","bar")#justgaveitsomerandomvalues然后我可以把它变成一个kindaidstring=obj.to_s#whichreturns""我终于可以将此字符串打印到文件或其他内容中。我的问题是,我该如何再次将这个id变回一个对象?我知道我可以自己挑选信息并制作一个接受该信

  5. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

    我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem,所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

  6. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象,为什么它会起作用? - 2

    如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象

  7. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议?谢谢,马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单,因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法,但您没有调

  8. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调? - 2

    我有一个服务模型/表及其注册表。在表单中,我几乎拥有服务的所有字段,但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

  9. ruby-on-rails - 在 ruby​​ 中使用 gsub 函数替换单词 - 2

    我正在尝试用ruby​​中的gsub函数替换字符串中的某些单词,但有时效果很好,在某些情况下会出现此错误?这种格式有什么问题吗NoMethodError(undefinedmethod`gsub!'fornil:NilClass):模型.rbclassTest"replacethisID1",WAY=>"replacethisID2andID3",DELTA=>"replacethisID4"}end另一个模型.rbclassCheck 最佳答案 啊,我找到了!gsub!是一个非常奇怪的方法。首先,它替换了字符串,所以它实际上修改了

  10. ruby - 在 Ruby 中有条件地定义函数 - 2

    我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具,作为不接受任何输出的更大程序的一部分,以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改,我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin

随机推荐