显示js对象所有属性和方法的函数

要显示 JS 对象的所有属性和方法，需要使用以下两种方法之一。

方法一：for...in 循环

使用 for...in 循环可遍历该对象所有可枚举的属性名称，从而显示对象的属性和方法。

function showProperties(obj) {
   for (var propName in obj) {
      console.log(propName);
   }
}

该方法的原理是使用 for...in 循环语句来遍历对象的所有可枚举属性名称，并在控制台中打印它们的名称。可枚举属性是指那些可以通过 for...in 循环枚举出来的属性，但不包括那些不可枚举的属性 (比如 toString 和 valueOf 等方法)。

为了测试该方法，可以创建一个对象，例如：

var person = {firstName:"John", lastName:"Doe", age:25};
showProperties(person);

执行后，将会在控制台中输出 firstName、lastName 和 age 属性的名称。

方法二：Object.keys() 方法

Object.keys()方法返回由对象的可枚举属性名称组成的一个数组，然后可以循环该数组来显示这些属性和方法。

function showProperties(obj) {
    Object.keys(obj).forEach(function(propName) {
        console.log(propName);
    });
}

该方法首先调用了 Object.keys() 方法来获取对象的所有可枚举属性，然后使用 forEach() 方法来遍历这些属性，并在控制台中打印它们的名称。

为了测试该方法，我们可以使用相同的 Person 对象：

var person = {firstName:"John", lastName:"Doe", age:25};
showProperties(person);

执行后，将会在控制台中输出 firstName、lastName 和 age 属性的名称。

以上就是显示 JS 对象所有属性和方法的函数的两种方法。