在 JavaScript 中，我们可以使用对象来组织代码，对象中可以包含属性和方法。但是当属性和方法重名时，可能会导致程序逻辑混乱，特别是在使用面向对象编程的时候更为明显。然而在 ES6 中，我们有了一种新的方式来解决这个问题。
问题的表现
在 ES5 中，往往会出现下面这种情况：
var obj = {
foo: function() {
console.log('foo');
},
foo: 123
};在这个例子中，该对象 obj 包含了一个名为 foo 的方法和一个同名的属性。但是，当使用 obj.foo() 调用时，会发现它只会输出 123，因为属性会覆盖方法。
如何解决这个问题呢？让我们看看 ES6 中的一些新特性。
解决方法
在 ES6 中，我们可以使用 Symbol 类型的属性名，这样就不会与方法名重复了。Symbol 类型是一种原始数据类型，用于表示独一无二的值。在对象的属性名中使用 Symbol 类型可以防止属性名冲突。
-- -------------------- ---- -------
--- --------- - --------------
--- --- - -
------------ ---------- -
-------------------
--
---- ---
--
----------------- -- -- -----
--------------------- -- -- ---在这个例子中，我们使用了一个 Symbol 类型的属性名 fooSymbol，这样就可以与属性名 foo 区分开来了。调用 obj[fooSymbol]() 方法时会输出 foo，而调用 obj.foo() 方法时会输出 123。
如果要在类中使用 Symbol 类型的属性名，可以这样写：
-- -------------------- ---- -------
--- --------- - --------------
----- ------- -
------------- -
-------------------
-
-
--- --- - --- ----------
----------------- -- -- -----这样，调用 obj[fooSymbol]() 方法时会输出 foo，而调用 obj.foo() 方法时会报错：TypeError: obj.foo is not a function。
指导意义
通过上面的示例，我们可以发现，使用 Symbol 类型的属性名可以很方便地解决属性和方法重名的问题。这在编写面向对象的代码时非常有用。
除了 Symbol 类型之外，ES6 还引入了一些其他的新特性，比如 let 和 const 声明、箭头函数、模板字面量等。这些新特性都可以帮助我们写出更加优美、简洁、可读性更强的代码。
如果你想学习更多关于 ES6 的内容，可以参考以下资源：
希望本文对你学习 ES6 有所帮助。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67809b12ce7f486125428f82