码迷,mamicode.com
首页 > Web开发 > 详细

JS对象的创建

时间:2019-04-27 21:23:58      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:bsp   技术   构造   有一个   object   部门   UNC   demo   func   

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

JS对象的创建

标签:bsp   技术   构造   有一个   object   部门   UNC   demo   func   

原文地址:https://www.cnblogs.com/yslf/p/10780275.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!