在JavaScript中，可以使用对象解构赋值和比较运算符来进行带有可选属性的对象属性级别的比较。下面是一个示例代码：

// 定义两个对象
const obj1 = { name: 'Alice', age: 20 };
const obj2 = { name: 'Alice', age: 20, gender: 'female' };

// 比较 obj1 和 obj2 的属性
const compareObjects = (obj1, obj2) => {
  // 解构赋值获取对象的属性
  const { name: name1, age: age1, gender: gender1 } = obj1;
  const { name: name2, age: age2, gender: gender2 } = obj2;

  // 比较属性值
  if (name1 !== name2) {
    return false;
  }
  if (age1 !== age2) {
    return false;
  }
  if (gender1 !== gender2) {
    return false;
  }

  // 所有属性值都相等，返回 true
  return true;
};

// 调用比较函数
console.log(compareObjects(obj1, obj2)); // 输出 false

在上面的示例中，我们定义了两个对象 obj1 和 obj2，并且 obj2 比 obj1 多了一个可选属性 gender。然后，我们定义了一个 compareObjects 函数，该函数接受两个参数 obj1 和 obj2，并使用解构赋值获取对象的属性。然后，我们使用比较运算符比较对象的属性值，如果有任何一个属性值不相等，则返回 false，否则返回 true。最后，我们调用 compareObjects 函数并打印结果。

注意，这个解决方法假设比较的对象的属性都是简单类型，而不是引用类型。如果属性是引用类型，在比较属性值时可能需要使用深度比较来确保属性值的相等性。