js对象

• 1. 声明类

• 2. 创建和访问对象

• 3. prototype关键字

 

1. 声明类

---

 

//这是一个包含方法的类的构造方法
function User(forename,username,password){
    this.forename = forename;
    this.username = username;
    this.password = password;

    this.showUser = function(){
        // code here
    }
}
//还可以引用构造方法之外定义的函数
function showUser2 = function(){
    //code here
}

2. 创建对象和访问对象

---

 

//创建一个User类的实例
details = new User("Wolf","aaaa","123456");

//也可以创建空对象再赋值
details = new User();
details.forename="Wolf";
details.username="aaaa";
details.password="123456";

//也可以为对象添加新的属性
details.greeting = "Hello";

//访问对象
var name = details.username;

3. prototype（原型）关键字

---

 

　　目的：prototype可以节约很多内存空间，在User类中，每个实例包含三个属性和方法。因此，如果内存中有1000个这样的对象，方法showUser将会重复1000次。然而，因为方法在每种情况下都相同，所以可以声明新的变量应该引用方法的单个实例而不是创建它的拷贝。所以，放弃使用：

 

this.showUser = function()

 

　　使用这个方法来替代：

User.prototype.showUser = function()

//使用prototype关键词为方法声明一个类
function User(forename,username,password){
    this.forename = forename;
    this.username = username;
    this.password = password;

    //使用prototype关键字为方法声明一个类
    User.prototype.showUser = function(){
        //code here
    }
}

　　原理：所有函数都有一个prototype属性，其设计是要拥有来自于类所创建的任何对象中不重复的属性和方法，取而代之的是这些属性和方法通过引用传递给它的对象。

　　上面这段话好绕啊……我的理解就是对一个类的所有实例而言，prototype只会创建一个属性或方法引用，而不会生成一个新的拷贝。即是通用的。

 

//使用prototype关键词为方法声明一个类
function User(forename,username,password){
    this.forename = forename;
    this.username = username;
    this.password = password;

    //使用prototype关键字为方法声明一个类
    User.prototype.showUser = function(){
        //code here
    }
}
var user1 = new User();         //创建一个对象
User.prototype.sex = "male";
console.log(user1.sex);         //输出为male
user1.prototype.mail = "123@163.com";       //报错：Cannot set property 'mail' of undefined。说明对象没有prototype
console.log(user1.prototype);   //undefined
console.log(User.prototype);    //Object{sex: "male"}