JS对象的创建

JS对象的创建

在 JS 中创建对象常用的三种方式:
　　字面量创建对象 :
　　　　使用 var 对象名={} 的方式创建
　　　　为对象的属性赋值使用 属性名:属性值 的方式实现
　　原始的构造函数创建对象
　　　　先使用 new 关键字创建对象
　　　　在为对象的属性赋值或者定义函数
　　自定义的构造函数创建对象.

Demo: 字面量创建对象

var person={
    //定义对象的属性和属性值
    name:"smith",
    age:30,
    sex:"女",
    //为对象定义函数
    eat:function(fruit){
        console.log(this.name+"正在吃"+fruit);
    }
}
//访问对象的属性
console.log("名字是: "+person.name+",年龄是: "+person.age+",性别是: "+person.sex);
//访问对象的方法
person.eat("苹果");

Demo: 原生的构造函数创建对象

var person=new Object();
//为对象对的属性赋值
person.name="张三";
person.age=20;
person.sex="男";
//为对象定义函数
person.eat=function(fruit) {
    console.log(this.name+"正在吃"+fruit);
}
//访问对象的属性
console.log("名字是: "+person.name+",年龄是: "+person.age+",性别是: "+person.sex);
//访问对象的方法
person.eat("苹果");

Demo: 自定义的构造函数创建对象

function Emp(empno,ename,job,sal) {
    this.empno=empno;
    this.ename=ename;
    this.job=job;
    this.sal=sal;
    //定义函数
    this.eat=function(fruit) {
        console.log(this.ename+"正在吃"+fruit);
    }
}
//使用自定义的构造函数创建对象
var emp=new Emp(1001,"李四","技术经理",20000.00);
//访问对象的属性
console.log("名字是: "+emp.ename+",编号是: "+emp.empno+",职位是: "+emp.job+",薪资是: "+emp.sal);
//访问对象的方法
emp.eat("哈密瓜");

Demo: 为每个雇员声明部门编号是10
　　

function Emp(empno,ename,job,sal) {
    this.empno=empno;
    this.ename=ename;
    this.job=job;
    this.sal=sal;
    //定义函数
    this.eat=function(fruit) {
        console.log(this.ename+"正在吃"+fruit);
    }
}
Emp.prototype.demp="10";
//使用自定义的构造函数创建对象
var emp1=new Emp(1001,"李四","技术经理",20000.00);
var emp2=new Emp(1002,"李四","技术经理",20000.00);
var emp3=new Emp(1003,"李四","技术经理",20000.00);
//访问对象的属性
console.log("名字是: "+emp.ename+",编号是: "+emp.empno+",职位是: "+emp.job+",薪资是: "+emp.sal);
//访问对象的方法
emp.eat("哈密瓜");

每个函数声明完毕之后都会有一个原型的属性叫做: prototype