js 代码的集合

一、js [object Object] 如何知道里面有哪些属性

如果你在 JavaScript 中看到了 [object Object] 这个字符串，那么很可能是因为你尝试将一个对象直接打印到控制台或将其作为字符串输出。

要知道 JavaScript 对象中有哪些属性，你可以使用 Object.keys() 方法。这个方法将返回一个包含对象中所有可枚举属性名称的数组。例如：

const myObj = {
  name: 'John',
  age: 30,
  gender: 'male'
};

const keys = Object.keys(myObj);

console.log(keys); // 输出 ["name", "age", "gender"]

另外，你还可以使用 for...in 循环来遍历对象的属性，包括可枚举和不可枚举属性。例如：

for (let key in myObj) {
  console.log(key + ': ' + myObj[key]);
}

这将输出：

makefileCopy code
name: John
age: 30
gender: male

请注意，for...in 循环会遍历对象的原型链，因此你需要使用 hasOwnProperty() 方法来确保只遍历对象本身的属性。例如：

javascriptCopy code
for (let key in myObj) {
  if (myObj.hasOwnProperty(key)) {
    console.log(key + ': ' + myObj[key]);
  }
}

这将只输出对象本身的属性，不包括从原型链继承的属性。

二、详解js 中call方法的用法

call() 是 JavaScript 中的一个方法，用于调用一个函数，并且可以指定函数内部 this 的值，以及传入函数所需的参数列表。以下是 call() 方法的详细说明：

语法

javascriptCopy code
function.call(thisArg, arg1, arg2, ...)

• function：需要调用的函数。
• thisArg：设置函数内部 this 的值，即函数执行时 this 的值。如果不需要指定 this，则可以传入 null 或 undefined。
• arg1, arg2, ...：传递给函数的参数列表。

用法

call() 方法主要用于改变函数内部的 this 指向。JavaScript 中的 this 关键字在不同情况下会指向不同的对象。使用 call() 方法可以在函数内部将 this 指向指定的对象。

例如，我们有如下代码：

javascriptCopy code
const person = {
  name: 'John',
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.sayHello();

运行代码将输出：

csharpCopy code
Hello, my name is John

在 sayHello() 函数内部，this 关键字指向调用该函数的对象 person。但是，如果我们需要将 sayHello() 函数用于另一个对象，可以使用 call() 方法改变 this 的值。例如：

javascriptCopy code
const person1 = {
  name: 'Alice'
};

person.sayHello.call(person1);

运行代码将输出：

csharpCopy code
Hello, my name is Alice

在这个例子中，我们使用 call() 方法将 this 的值改变为 person1 对象。这样，sayHello() 函数中的 this.name 将会指向 person1 对象的 name 属性。

除了改变 this 的指向之外，call() 方法还可以传递函数需要的参数。例如：

javascriptCopy code
function greet(name, message) {
  console.log(`${message}, ${name}!`);
}

greet.call(null, 'John', 'Hi');

运行代码将输出：

Copy code
Hi, John!

在这个例子中，我们使用 call() 方法将 this 的值设置为 null，因为 greet() 函数中并没有使用 this。然后，我们传递了 name 和 message 两个参数。这些参数将被传递给 greet() 函数，并且在函数内部可以使用。