| id | 60584bb725cb676c8ffef923 |
|---|---|
| challengeType | 1 |
| videoUrl | |
| forumTopicId | -1 |
| title | 创建一个基本的 JavaScript 对象 |
欢迎关注路条编程网站,本专题将教您如何操作数组,以及如何访问和复制数组中的信息。它还将教您如何操作和访问 JavaScript 对象中的数据,同时使用点和括号表示法。
创建一个基本的 JavaScript 对象
面向对象看名字它是注重对象的。当解决一个问题的时候,面向对象会把事物抽象成对象的概念,就是说这个问题里面有哪些对象,然后给对象赋一些属性和方法,然后让每个对象去执行自己的方法,问题得到解决。
面向对象优缺点
优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活、更加易于维护
缺点:性能比面向过程低
想想我们在生活中每天都可见到的事物:比如人、狗以及网站等。它们都是物体:即人们可以观察和与之互动的实体事物。
那么这些物体都有哪些特征呢?比如人的特征是头和脸,狗有尾巴和四肢,而网站有名称和网址等。
这些特征,或者说是属性定义了一个物体由什么构成的。需要注意的是:那些相似的物体可以拥有相同的属性,但是这些属性可能会有不同的值。举个例子:所有的人都有手和脚,但并不是所有人的手和脚大小和长短不一样。
JavaScript 中的对象可以用来描述现实世界中的物体,并赋予他们属性和行为,就像它们在现实世界中的对应物一样。下面是使用这些概念来创建一个网站 site 对象的示例:
let site = { name: "路条编程", domain: "www.icoderoad.com", url: "http://www.icoderoad.com" };
console.log( site.name ); // => 路条编程
console.log( site.domain ); // => www.icoderoad.com
console.log( site.url ); // => http://www.icoderoad.com
这个 site 对象 有三组键值对:一个是 name 属性,它的值是 "路条编程";第二个是 domain 属性,它的值是 www.icoderoad.com,第三个属性是 url,它的值是 http://www.icoderoad.com 。定义好 site 对象后,我们执行三个控制台输出语句,分别输出对象的 name、domain、url,控制台打印输出的值分别为 路条编程、www.icoderoad.com 、http://www.icoderoad.com,与我们定义的属性值一致。