JavaScript 对象创建 (javascript 面向对象特性)

超、凢脫俗 2022-05-17 02:41 292阅读 0赞

*JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...*

*此外，JavaScript 允许自定义对象。*

**JavaScript 对象**

JavaScript 提供多个*内建*对象，比如 String、Date、Array 等等。

对象只是带有*属性*和*方法*的特殊数据类型。

## 创建 JavaScript 对象 ##

通过 JavaScript，您能够定义并创建自己的对象。

创建新对象有两种不同的方法：

1.  定义并创建对象的实例
2.  使用函数来定义对象，然后创建新的对象实例

### 1.直接创建的实例 ###

**    1) 这个例子 通过 new Object() 的方式 ,创建了对象的一个新实例，并向其添加了四个属性：**

person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";

** 2).这个例子直接创建了一个对象,声明各个属性并赋值.**

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

## 2.使用对象构造器 ##

**简单的对象构造器,实际上就是一个 function**

// 简单对象构造器
    function person(firstname,lastname,age,eyecolor)
    {
    this.firstname=firstname;
    this.lastname=lastname;
    this.age=age;
    this.eyecolor=eyecolor;
    }
    
    // 一旦您有了对象构造器，就可以创建新的对象实例，就像这样：
    
    var myFather=new person("Bill","Gates",56,"blue");
    var myMother=new person("Steve","Jobs",48,"green");

**在构造器函数内部定义 对象(函数)的方法： **

// 带有函数的构造器
    function person(firstname,lastname,age,eyecolor){
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;
    
        this.changeName=changeName;
        //函数 
        function changeName(name){
            this.lastname=name;
        }
    }
    
    //创建对象
    var user =n ew person("Steve","Jobs",48,"green");
    
    //调用函数
    user.changeName("Ballmer");
    
    console.log(user.lastname);// Ballmer

### 修改 (添加) 对象的属性 ###

// 假设 user 对象已经存在,并且有name , id 两个属性
    
    user.name='tom';  // 修改了user的 name 属性值
    user.id=1;   // 修改了 user 的 id 属性值
    
    user.address='shanghai'; // 给 user 对象添加了一个属性,并赋值

### 总结: javascript 与很多编程语言都有相似之处,例如,上面的 构造函数 和 java中的类有些许相似之处.    现在很多的前端框架正式利用了 js 的这一点. ###