JavaScript 如何创建对象

最新推荐文章于 2024-10-01 20:12:28 发布

欲无缘

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量420

点赞数 10

分类专栏： # JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_29917503/article/details/135750796

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中使用对象字面量、构造方法和ES5/ES6的钩子函数创建对象的方式，包括固定属性的对象、灵活参数的对象以及基本操作如获取属性、调用方法和删除属性。

摘要由CSDN通过智能技术生成

文章目录

JavaScript 如何创建对象

在JavaScript 中有很多方式用来创建对象，本文介绍下面两种

使用对象字面量创建属性固定的对象
使用构造方法模板创建灵活的对象

对象字面量方式

 let 对象名 = {
     //属性名不带引号
 	 属性名:属性值,
     属性名:属性值,
     属性名:属性值,
     方法名:function(){
       //业务逻辑
     }
 }

构造方法模板方式

function 对象名(形参1,形参2,形参N){
	  this.属性 = 形参1;
	  this.属性 = 形参2;
	  this.属性 = 形参N;
	  this.方法名 = function(){
		//业务逻辑
	  }
  }

钩子函数

etoak:function(){}
注意：以上为ES5的写法在ES6中钩子函数使用简略写法
etoak(){}

对象的基本操作

拿取属性值
属性值 = 对象名.属性名
调用方法
对象名.方法名()
删除属性
delete 对象名.属性名

使用对象字面量和构造方法创建对象

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>使用对象字面量和构造方法创建对象</title>
	</head>
	<body>

		<script>
			//对象字面量方式
			let stu = {
			    name:'苗容基',
				age:18,
				hobby:['女','动漫','做饭'],
				/*
					this:在此对象外表示全局变量window
					在此对象内，表示本对象也是stu
				*/
				etoak(){
				    console.log(`今年${this.age}岁的${this.name}非常喜欢${this.hobby[1]}`)
				}
			}

			console.log(stu.name+'\n'+stu.age)
			console.log(`${stu.name}\n${stu.age}`)
			stu.etoak()

			function person(name,age,hobby){
				this.name = name
				this.age = age
				this.hobby = hobby
				this.etoak = function(){
				    if(age>18){
				        console.log(`欢迎您回来${this.name}`)
				    }else{
				        console.log(`年龄在18岁以下，禁止访问本页面`)
				    }
				}
			}

			let oneperson = new person('尚朝晖',20,['游戏','学习'])

			console.log(`${oneperson.name}\n${oneperson.hobby[0]}`)

			oneperson.etoak()
		</script>
	</body>
</html>