如何显示一个对象的所有方法?

大多数现代浏览器支持console.dir(obj)，它将返回通过构造函数继承的对象的所有属性。有关更多信息和当前浏览器支持，请参阅Mozilla的文档。

console.dir(Math)
=> MathConstructor
E: 2.718281828459045
LN2: 0.6931471805599453
...
tan: function tan() { [native code] }
__proto__: Object

这在ES3中是不可能的，因为属性有一个内部DontEnum属性，这阻止了我们枚举这些属性。另一方面，ES5提供了用于控制属性枚举功能的属性描述符，这样用户定义的属性和本机属性可以使用相同的接口并享有相同的功能，这包括能够以编程方式查看不可枚举的属性。

getOwnPropertyNames函数可用于枚举传入对象的所有属性，包括那些不可枚举的属性。然后可以使用简单的typeof检查来过滤非函数。不幸的是，Chrome是目前唯一可以运行的浏览器。

​function getAllMethods(object) {
return Object.getOwnPropertyNames(object).filter(function(property) {
return typeof object[property] == 'function';
});
}


console.log(getAllMethods(Math));

["cos", "pow", "log", "tan", "sqrt", "ceil", "asin", "abs", "max", "exp", "atan2", "random", "round", "floor", "acos", "atan", "min", "sin"]日志没有特定的顺序。

这里的其他答案适用于Math，这是一个静态对象。但它们不适用于对象的实例，例如日期。我发现以下方法是有效的:

function getMethods(o) {
return Object.getOwnPropertyNames(Object.getPrototypeOf(o))
.filter(m => 'function' === typeof o[m])
}
//example: getMethods(new Date()):  [ 'getFullYear', 'setMonth', ... ]

https://jsfiddle.net/3xrsead0/

这个不会适用于原始问题(数学)，所以根据你的需要选择你的解决方案。我在这里张贴这个，因为谷歌发送给我这个问题，但我想知道如何为对象的实例这样做。

Math有一个静态方法，你可以像Math.abs()一样直接调用;而Date有一个静态方法，比如Date.now()，还有一个实例方法，你需要首先创建一个新的实例var time = new Date()来调用time.getHours()。

// The instance method of Date can be found on `Date.prototype` so you can just call:
var keys = Object.getOwnPropertyNames(Date.prototype);


// And for the static method
var keys = Object.getOwnPropertyNames(Date);


// But if the instance already created you need to
// pass its constructor
var time = new Date();
var staticKeys = Object.getOwnPropertyNames(time.constructor);
var instanceKeys = Object.getOwnPropertyNames(time.constructor.prototype);

当然你需要过滤获取静态方法的键，以获得实际的方法名，因为你也可以获得列表中不是函数的length, name。

// var keys = new Set();
function getStaticMethods(keys, clas){
var keys2 = Object.getOwnPropertyNames(clas);


for(var i = 0; i < keys2.length; i++){
if(clas[keys2[i]].constructor === Function)
keys.add(keys2[i]);
}
}


function getPrototypeMethods(keys, clas){
if(clas.prototype === void 0)
return;


var keys2 = Object.getOwnPropertyNames(clas.prototype);
for (var i = keys2.length - 1; i >= 0; i--) {
if(keys2[i] !== 'constructor')
keys.add(keys2[i]);
}


var deep = Object.getPrototypeOf(clas);
if(deep.prototype !== void 0)
getPrototypeMethods(keys, deep);
}


// ====== Usage example ======
// To avoid duplicate on deeper prototype we use `Set`
var keys = new Set();
getStaticMethods(keys, Date);
getPrototypeMethods(keys, Date);


console.log(Array.from(keys));

如果你想从创建的实例中获取方法，不要忘记传递它的constructor。

与ES6类和继承很好地工作的方法

这可能是大多数像我这样的ES6新手在寻找“如何列出对象方法”时的意思。

这已改编自:https://stackoverflow.com/a/47714550/895245

// Define getMethods.
const isGetter = (x, name) => (Object.getOwnPropertyDescriptor(x, name) || {}).get
const isFunction = (x, name) => typeof x[name] === "function";
const deepFunctions = x =>
x && x !== Object.prototype &&
Object.getOwnPropertyNames(x)
.filter(name => isGetter(x, name) || isFunction(x, name))
.concat(deepFunctions(Object.getPrototypeOf(x)) || []);
const distinctDeepFunctions = x => Array.from(new Set(deepFunctions(x)));
const getMethods = (obj) => distinctDeepFunctions(obj).filter(
name => name !== "constructor" && !~name.indexOf("__"));


// Example usage.


class BaseClass {
override() { }
baseMethod() { }
}


class DerivedClass extends BaseClass {
override() { }
get myGetter() { }
static myStatic() { }
}


const obj = new DerivedClass();
const methods = getMethods(obj)
methods.sort()
const assert = require('assert')
assert(methods[0] === 'baseMethod')
assert(methods[1] === 'myGetter')
assert(methods[2] === 'override')


console.log(getMethods(Math))

注意它还包括基类的方法，因为大多数用户都想知道他们可以在对象上调用哪些方法。

它似乎也适用于Math，它输出:

[
'abs',    'acos',  'acosh',  'asin',
'asinh',  'atan',  'atanh',  'atan2',
'ceil',   'cbrt',  'expm1',  'clz32',
'cos',    'cosh',  'exp',    'floor',
'fround', 'hypot', 'imul',   'log',
'log1p',  'log2',  'log10',  'max',
'min',    'pow',   'random', 'round',
'sign',   'sin',   'sinh',   'sqrt',
'tan',    'tanh',  'trunc'
]

在Node.js 14.17.0上测试。

如果你想要包括继承方法在内的所有方法:

function getMethods(obj) {
const methods = [];
do {
for (const prop of Object.getOwnPropertyNames(obj)) {
if (obj[prop] instanceof Function) methods.push(prop);
}
obj = Object.getPrototypeOf(obj);
} while (obj !== null)


return methods;
}


console.log(getMethods(Math));

受到其他答案的启发，这里有一种查找所有方法的递归方法:

// Find all methods of an object, up to the root prototype
function findAllMethods(obj, methods = []) {
if (!obj) {
return [...new Set(methods)];
}
  

const props = Object.getOwnPropertyNames(obj);
return findAllMethods(Object.getPrototypeOf(obj), [
...methods,
...props.filter(prop => typeof obj[prop] === 'function'),
]);
}