我已经看到了两个类似的答案，但是我想提一下，这篇文章最能说明问题，因此，我想与您分享。
这是从中获取的一些代码，我对其进行了修改，以获取一个完整的示例，该示例有望使社区受益，因为它可以用作类的设计模板。
它还可以回答您的问题：
function Podcast() {
// private variables
var _somePrivateVariable = 123;
// object properties (read/write)
this.title = 'Astronomy Cast';
this.description = 'A fact-based journey through the galaxy.';
this.link = 'http://www.astronomycast.com';
// for read access to _somePrivateVariable via immutableProp
this.immutableProp = function() {
return _somePrivateVariable;
}
// object function
this.toString = function() {
return 'Title: ' + this.title;
}
};
// static property
Podcast.FILE_EXTENSION = 'mp3';
// static function
Podcast.download = function(podcast) {
console.log('Downloading ' + podcast + ' ...');
};
给定该示例，您可以按以下方式访问静态属性/函数：
// access static properties/functions
console.log(Podcast.FILE_EXTENSION); // 'mp3'
Podcast.download('Astronomy cast'); // 'Downloading Astronomy cast ...'
和对象特性/功能的简单地为：
// access object properties/functions
var podcast = new Podcast();
podcast.title = 'The Simpsons';
console.log(podcast.toString()); // Title: The Simpsons
console.log(podcast.immutableProp()); // 123
请注意，在podcast.immutableProp（）中，我们有一个闭包： _somePrivateVariable的引用保留在函数内。
您甚至可以定义getter和setter。看一下以下代码片段（d您要为其声明属性的对象的原型是哪里，它y是在构造函数之外不可见的私有变量）：
// getters and setters
var d = Date.prototype;
Object.defineProperty(d, "year", {
get: function() {return this.getFullYear() },
set: function(y) { this.setFullYear(y) }
});
它d.year通过get和set函数定义属性-如果您未指定set，则该属性为只读且无法修改（请注意，如果您尝试设置它，将不会收到错误消息，但它无效）。每个属性都有属性writable，configurable（允许在声明后进行更改）和enumerable（允许将其用作枚举器），它们都是默认属性false。您可以通过defineProperty在第3个参数中设置它们，例如enumerable: true。
以下语法也是有效的：
// getters and setters - alternative syntax
var obj = { a: 7,
get b() {return this.a + 1;},
set c(x) {this.a = x / 2}
};
它定义了一个可读/可写属性a，一个只读属性b和一个只写属性c，通过它们a可以访问该属性。
用法：
console.log(obj.a); console.log(obj.b); // output: 7, 8
obj.c=40;
console.log(obj.a); console.log(obj.b); // output: 20, 21
笔记：
为了避免在忘记new关键字的情况下发生意外行为，建议您在函数中添加以下内容Podcast：
// instantiation helper
function Podcast() {
if(false === (this instanceof Podcast)) {
return new Podcast();
}
// [... same as above ...]
};
现在，以下两个实例都将按预期工作：
var podcast = new Podcast(); // normal usage, still allowed
var podcast = Podcast(); // you can omit the new keyword because of the helper
“ new”语句创建一个新对象并复制所有属性和方法，即
var a=new Podcast();
var b=new Podcast();
a.title="a"; b.title="An "+b.title;
console.log(a.title); // "a"
console.log(b.title); // "An Astronomy Cast"
还要注意，在某些情况下，使用return构造函数中的语句Podcast返回自定义对象保护类是有用的，该对象保护类内部依赖但需要公开的函数。在系列文章的第2章（对象）中对此进行了进一步说明。
您可以这样说a并b继承自Podcast。现在，如果您想向Podcast添加一种方法，该方法适用于所有实例a并且b实例化了？在这种情况下，请使用.prototype以下方法：
Podcast.prototype.titleAndLink = function() {
return this.title + " [" + this.link + "]";
};
现在打电话a和b再次：
console.log(a.titleAndLink()); // "a [http://www.astronomycast.com]"
console.log(b.titleAndLink()); // "An Astronomy Cast [http://www.astronomycast.com]"
您可以在此处找到有关原型的更多详细信息。如果您想做更多的继承，我建议您研究一下。
强烈建议阅读我上面提到的文章系列，其中还包括以下主题：
- 功能
- 对象
- 样机
- 强制执行构造函数的新功能
- 吊装
- 自动分号插入
- 静态属性和方法
请注意，JavaScript 的自动分号插入 “功能”（如第6节所述）通常会导致代码中出现奇怪的问题。因此，我宁愿将其视为错误而不是功能。
如果您想阅读更多，这是一篇有关这些主题的非常有趣的MSDN文章，其中一些描述提供了更多详细信息。
《MDN JavaScript指南》中的那些文章也很有趣（也涵盖了上面提到的主题）：
如果您想知道如何在JavaScript中模拟c＃out参数（如中的DateTime.TryParse(str, out result)），可以在此处找到示例代码。
那些正在使用IE（除非使用来F12打开开发人员工具并打开控制台选项卡，否则没有JavaScript 控制台）的人可能会发现以下代码段很有用。它允许您按console.log(msg);上面的示例使用。只需将其插入Podcast函数之前即可。
为方便起见，以下是一个完整的单个代码段中的上述代码：
let console = { log: function(msg) {
let canvas = document.getElementById("log"), br = canvas.innerHTML==="" ? "" : "<br/>";
canvas.innerHTML += (br + (msg || "").toString());
}};
console.log('For details, see the explaining text');
function Podcast() {
// with this, you can instantiate without new (see description in text)
if (false === (this instanceof Podcast)) {
return new Podcast();
}
// private variables
var _somePrivateVariable = 123;
// object properties
this.title = 'Astronomy Cast';
this.description = 'A fact-based journey through the galaxy.';
this.link = 'http://www.astronomycast.com';
this.immutableProp = function() {
return _somePrivateVariable;
}
// object function
this.toString = function() {
return 'Title: ' + this.title;
}
};
// static property
Podcast.FILE_EXTENSION = 'mp3';
// static function
Podcast.download = function(podcast) {
console.log('Downloading ' + podcast + ' ...');
};
// access static properties/functions
Podcast.FILE_EXTENSION; // 'mp3'
Podcast.download('Astronomy cast'); // 'Downloading Astronomy cast ...'
// access object properties/functions
var podcast = new Podcast();
podcast.title = 'The Simpsons';
console.log(podcast.toString()); // Title: The Simpsons
console.log(podcast.immutableProp()); // 123
// getters and setters
var d = Date.prototype;
Object.defineProperty(d, "year", {
get: function() {
return this.getFullYear()
},
set: function(y) {
this.setFullYear(y)
}
});
// getters and setters - alternative syntax
var obj = {
a: 7,
get b() {
return this.a + 1;
},
set c(x) {
this.a = x / 2
}
};
// usage:
console.log(obj.a); console.log(obj.b); // output: 7, 8
obj.c=40;
console.log(obj.a); console.log(obj.b); // output: 20, 21
var a=new Podcast();
var b=new Podcast();
a.title="a"; b.title="An "+b.title;
console.log(a.title); // "a"
console.log(b.title); // "An Astronomy Cast"
Podcast.prototype.titleAndLink = function() {
return this.title + " [" + this.link + "]";
};
console.log(a.titleAndLink()); // "a [http://www.astronomycast.com]"
console.log(b.titleAndLink()); // "An Astronomy Cast [http://www.astronomycast.com]"
<div id="log"></div>
笔记：
通常，您可以在此处（JavaScript最佳实践）和那里（“ var”与“ let”）找到有关JavaScript编程的一些好的技巧，提示和建议。还推荐使用 有关隐式类型转换（强制）的本文。
使用类并将其编译为JavaScript的便捷方法是TypeScript。 这是一个游乐场，您可以在其中找到一些示例来说明其工作原理。即使您现在不在使用TypeScript，也可以查看一下，因为您可以在一个并排视图中比较TypeScript和JavaScript结果。大多数示例都很简单，但是还有一个Raytracer示例，您可以立即尝试。我建议特别在组合框中选择“使用类”，“使用继承”和“使用泛型”示例，这些示例是不错的模板，您可以在JavaScript中立即使用它们。Typescript与Angular一起使用。
为了实现JavaScript中的局部变量，函数等的封装，我建议使用类似以下的模式（JQuery使用相同的技术）：
<html>
<head></head>
<body><script>
'use strict';
// module pattern (self invoked function)
const myModule = (function(context) {
// to allow replacement of the function, use 'var' otherwise keep 'const'
// put variables and function with local module scope here:
var print = function(str) {
if (str !== undefined) context.document.write(str);
context.document.write("<br/><br/>");
return;
}
// ... more variables ...
// main method
var _main = function(title) {
if (title !== undefined) print(title);
print("<b>last modified: </b>" + context.document.lastModified + "<br/>");
// ... more code ...
}
// public methods
return {
Main: _main
// ... more public methods, properties ...
};
})(this);
// use module
myModule.Main("<b>Module demo</b>");
</script></body>
</html>
当然，您可以-应该-将脚本代码放在单独的*.js文件中；这只是内联编写，以使示例简短。
自发函数（也称为IIFE =立即调用函数表达式）在此处进行了详细说明。