js系列四十七:对象与class

同名公众号 - 人生代码

于 2019-04-18 21:32:09 发布

阅读量562

点赞数

CC 4.0 BY-SA版权

分类专栏： js系列四十七:对象与class 大厂面试题：每天带你一道大厂面试题文章标签： js系列四十七:对象与class

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/89388619

大厂面试题：每天带你一道大厂面试题同时被 2 个专栏收录

144 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

js系列四十七:对象与class

1 篇文章

订阅专栏

本文介绍ES6中对象写法的简化，包括属性与变量同名时的处理、方法简写及使用变量作为属性。同时，探讨了ES6的Class关键字，对比ES5的原型方式，阐述其易于理解和使用的特性，并通过实例解析不同Class写法的含义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6针对对象的写法新增了一些语法简化的写法,没有太多的技术难点,只需要一一学习即可.
1 当属性与变量同名时

const name = "jane";
const age = "20";

// es6
const Person = {
	name,
	age
}
// es5
var person = {
	name: name,
	age: age
}

这样的写法在很多地方都能见到,例如在一个模块中对外提供接口时.

const getName = () => person.name;
const getAge = () => person.age;

// commonjs 方式
module.exports = {getName, getAge};

// ES6 modules的方式
export default { getName, getAge };

2 对象中的方法的简写.

// es6
const person = {
	name,
	age,
	getName() {
		return this.name;
	}
}

// es5
var person = {
	name: name,
	age: age,
	getName: function() {
		return this.name
	}
}

3 可以使用变量作为对象的属性,只需要用中括号 [] 包裹起来.

const name = "Jane";
const age = 20;
const person = {
	[name]: tr

了解本专栏

超级会员免费看