JS对象的创建

在 JS 中创建对象常用的三种方式:

　　字面量创建对象 :

　　　　使用 var 对象名={} 的方式创建

　　　　为对象的属性赋值使用 属性名:属性值 的方式实现

　　原始的构造函数创建对象

　　　　先使用 new 关键字创建对象

　　　　在为对象的属性赋值或者定义函数

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

Demo: 字面量创建对象

1 var person={ 2     //定义对象的属性和属性值 3     name:"smith", 4     age:30, 5     sex:"女", 6     //为对象定义函数 7     eat:function(fruit){ 8         console.log(this.name+"正在吃"+fruit); 9     }10 }11 //访问对象的属性12 console.log("名字是: "+person.name+",年龄是: "+person.age+",性别是: "+person.sex);13 //访问对象的方法14 person.eat("苹果");

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

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

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

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

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

　　

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

 

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