🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] >[info] JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... >[info]JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 >[info]简单的说对象是带有属性和方法的特殊数据类型。(属性与方法的集合体)。 ## 创建对象 创建新对象有两种不同的方法: 1. 定义并创建对象的实例 2. 使用函数来定义对象,然后创建新的对象实例 ### 创建直接的实例 >[info]这个例子创建了对象的一个新实例,并向其添加了四个属性: ~~~ <script type="text/javascript"> var person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; </script> ~~~ ### 使用对象构造器 >[info]本例使用函数来构造对象: ~~~ <script type="text/javascript"> function person(firstname,lastname,age,eyecolor){ this.firstname=firstname; this.lastname=lastname; this.age=age; this.eyecolor=eyecolor; this.eat=function() { alert("eat something"); } } var myFather=new person("Bill","Gates",56,"blue"); //就可以创建新的对象实例,就像这样: </script> ~~~ ## 访问/添加对象的属性与方法 ### 访问对象属性 >[info]属性是与对象相关的值。 ~~~ <script type="text/javascript"> objectName.propertyName; //对象.属性; </script> ~~~ ### 访问对象的方法 >[info]方法是能够在对象上执行的动作。 ~~~ <script type="text/javascript"> objectName.methodName() //对象.方法名(); </script> ~~~ ### 添加属性 >[info]您可以通过为对象赋值,向已有对象添加新属性: ~~~ <script type="text/javascript"> var person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue"; </script> ~~~ ### 添加方法 >[info]方法只不过是附加在对象上的函数。 ~~~ <script type="text/javascript"> var person=new Object(); person.eat=function() { alert("eat something"); } person.eat(); </script> ~~~ >[danger]**作业:**创建一个对象,分别理清属性和方法的使用。