草庐IT

java - 了解来自 Java 和 C++ 背景的 Javascript 原型(prototype)

coder 2024-02-19 原文

我的编程背景主要是 Java、C++ 和 C#。我最近开始接触 Javascript 和 Web 开发，并且基本掌握了使用 Javascript 和 JQuery 来执行操作 DOM 元素以及我在前端需要的任何其他操作。

然而，我似乎无法理解的是在 JS 中制作原型(prototype)。我已经阅读了几篇关于它的文章和答案，但它对我来说仍然不太有意义。我认为对我来说正确理解它的最好方法是在 JS 原型(prototype)和 C++/Java 类之间进行某种比较。

所以我的最后一个问题是: 我有 Java/C++ 背景，我需要知道什么才能在我的代码中有效地使用原型(prototype)？

旁注:类似 this 的问题谈谈两者之间的哲学差异。我真正希望的是针对已经了解如何在 C++ 中使用类的人解释如何使用原型(prototype)进行编程。

最佳答案

原型(prototype)，以及为什么它们很棒。

在我开始之前，Mozilla 可以写出比我更好的指南: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript

和你一样 我也有传统 OO 语言的背景，我真正学习的第一门编程语言是 C++，我认为它是最伟大的。在许多方面，C++ 是一种奇妙的语言，这就是为什么 the best JavaScript engine被编码在里面。

然而，不同之处在于 JavaScript 的工作方式。 C++ 是严格类型化的，类必须包含它们所包含内容的确切数据类型:

class Rectangle {
    int width, height;
  public:
    void set_values (int,int);
    int area() {return width*height;}
};

与 C++ 不同，JavaScript 中的几乎所有内容都是 Object 并且可以使用点符号轻松扩展

var derek = "Derek Howard";
derek.age = 16;

由于 JavaScript 是动态编译的，因此非常灵活。我们可以在任何需要的时候扩展现有对象，而不是一个严格的对象框架。

然而，在许多情况下，我们希望拥有一大堆看起来相同但拥有自己数据的对象(就像 C++ 中的类)。这就是 prototype 对象发挥作用的地方。

如何在 Javascript 中创建“类”？

我将在 JavaScript 中重新创建上面的矩形对象以进行演示。

第一步是创建一个 Function 来定义您的类名。这应该大写以表示它是一个“类”

第一个函数(大写的那个)是你的构造函数。您应该使用它将基本的初始值传递给您的 Object

function Rectangle(width, height) {
    this.width = width || 1;
    this.height = height || 1;
}

|| 运算符使得如果开发人员没有将值传递给构造函数，它仍然具有默认值。

然后，要向您的“类”添加函数，您需要在原型(prototype)上创建函数。

Rectangle.prototype.area = function () {
    return this.width * this.height;
}

您已完成创建类(class)!现在开始使用您的类(class)。

类的使用其实和C++非常相似。您只需创建一个对象并使用 new 关键字:

var bigRec = new Rectangle(42, 100);

然后您可以直接在新对象上调用您在 Rectangle.prototype 上创建的函数:

alert(bigRec.area());

完整代码(JSFiddle:http://jsfiddle.net/howderek/H65qs/)

//new class
function Rectangle(width, height) {
    //class properties
    this.width = width || 1;
    this.height = height || 1;
}

//class functions
Rectangle.prototype.area = function () {
    return this.width * this.height;
}

//create a new Rectangle object
var bigRec = new Rectangle(42, 100);
//call functions created from the prototype
alert(bigRec.area());

关于java - 了解来自 Java 和 C++ 背景的 Javascript 原型(prototype)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22098660/

JavascriptampcodeC++prototypejavac++class

有关java - 了解来自 Java 和 C++ 背景的 Javascript 原型(prototype)的更多相关文章

  1. ruby-on-rails - 如何优雅地重启 thin + nginx？ - 2

    我的瘦服务器配置了nginx，我的ROR应用程序正在它们上运行。在我发布代码更新时运行thinrestart会给我的应用程序带来一些停机时间。我试图弄清楚如何优雅地重启正在运行的Thin实例，但找不到好的解决方案。有没有人能做到这一点？ 最佳答案 #Restartjustthethinserverdescribedbythatconfigsudothin-C/etc/thin/mysite.ymlrestartNginx将继续运行并代理请求。如果您将Nginx设置为使用多个上游服务器，例如server{listen80;server

  2. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  3. java - 等价于 Java 中的 Ruby Hash - 2

    我真的很习惯使用Ruby编写以下代码:my_hash={}my_hash['test']=1Java中对应的数据结构是什么？ 最佳答案 HashMapmap=newHashMap();map.put("test",1);我假设？ 关于java-等价于Java中的RubyHash，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/22737685/

  4. ruby-on-rails - 使用 Rmagick 或 ImageMagick 在背景上放置标题 - 2

    我有一张背景图片，我想在其中添加一个文本框。我想弄清楚如何将标题放置在其顶部的正确位置。(我使用标题是因为我需要自动换行功能)。现在，我只能让文本显示在左上角，但我需要能够手动定位它的开始位置。require'RMagick'require'Pry'includeMagicktext="Loremipsumdolorsitamet"img=ImageList.new('template001.jpg')img 最佳答案 这是使用convert的ImageMagick命令行的答案。如果你想在Rmagick中使用这个方法，你必须自己移植

  5. java - 从 JRuby 调用 Java 类的问题 - 2

    我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www

  6. java - 我的模型类或其他类中应该有逻辑吗 - 2

    我只想对我一直在思考的这个问题有其他意见，例如我有classuser_controller和classuserclassUserattr_accessor:name,:usernameendclassUserController//dosomethingaboutanythingaboutusersend问题是我的User类中是否应该有逻辑user=User.newuser.do_something(user1)oritshouldbeuser_controller=UserController.newuser_controller.do_something(user1,user2)我

  7. java - 什么相当于 ruby​​ 的 rack 或 python 的 Java wsgi？ - 2

    什么是ruby​​的rack或python的Java的wsgi？还有一个路由库。 最佳答案 来自Python标准PEP333:Bycontrast,althoughJavahasjustasmanywebapplicationframeworksavailable,Java's"servlet"APImakesitpossibleforapplicationswrittenwithanyJavawebapplicationframeworktoruninanywebserverthatsupportstheservletAPI.ht

  8. ruby - 使用 `+=` 和 `send` 方法 - 2

    如何将send与+=一起使用？a=20;a.send"+=",10undefinedmethod`+='for20:Fixnuma=20;a+=10=>30 最佳答案 恐怕你不能。+=不是方法，而是语法糖。参见http://www.ruby-doc.org/docs/ProgrammingRuby/html/tut_expressions.html它说Incommonwithmanyotherlanguages,Rubyhasasyntacticshortcut:a=a+2maybewrittenasa+=2.你能做的最好的事情是:

  9. Observability：从零开始创建 Java 微服务并监控它 （二） - 2

    这篇文章是继上一篇文章“Observability：从零开始创建Java微服务并监控它（一）”的续篇。在上一篇文章中，我们讲述了如何创建一个Javaweb应用，并使用Filebeat来收集应用所生成的日志。在今天的文章中，我来详述如何收集应用的指标，使用APM来监控应用并监督web服务的在线情况。源码可以在地址 https://github.com/liu-xiao-guo/java_observability 进行下载。摄入指标指标被视为可以随时更改的时间点值。当前请求的数量可以改变任何毫秒。你可能有1000个请求的峰值，然后一切都回到一个请求。这也意味着这些指标可能不准确，你还想提取最小/

  10. 【Java 面试合集】HashMap中为什么引入红黑树，而不是AVL树呢 - 2

    HashMap中为什么引入红黑树，而不是AVL树呢1.概述开始学习这个知识点之前我们需要知道，在JDK1.8以及之前，针对HashMap有什么不同。JDK1.7的时候，HashMap的底层实现是数组+链表JDK1.8的时候，HashMap的底层实现是数组+链表+红黑树我们要思考一个问题，为什么要从链表转为红黑树呢。首先先让我们了解下链表有什么不好？？？2.链表上述的截图其实就是链表的结构，我们来看下链表的增删改查的时间复杂度增：因为链表不是线性结构，所以每次添加的时候，只需要移动一个节点，所以可以理解为复杂度是N(1)删：算法时间复杂度跟增保持一致查：既然是非线性结构，所以查询某一个节点的时候

随机推荐