JS对象的创建
Posted yslf
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS对象的创建相关的知识,希望对你有一定的参考价值。
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对象的创建的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段12——JavaScript的Promise对象
VSCode自定义代码片段12——JavaScript的Promise对象
Android 逆向使用 Python 解析 ELF 文件 ( Capstone 反汇编 ELF 文件中的机器码数据 | 创建反汇编解析器实例对象 | 设置汇编解析器显示细节 )(代码片段