首页 > 其他分享 >JS创建对象的三种方法(转)

JS创建对象的三种方法(转)

时间:2023-02-22 00:33:05浏览次数:48  
标签:console log 对象 创建对象 JS 三种 方法 属性

转自JS创建对象的三种方法

在JavaScript中,对象是一组无序的相关属性和方法的集合。所有的实物都是对象,例如,字符串、数值、数组、函数等。

下面我会介绍三种创建对象的方法。

一、通过字面量创建对象

其语法格式如下:

var 对象名 = {};	// 创建了一个空对象
var 对象名 = {
	属性名: 属性值,		// 创建了一个属性
	方法名: function () {	// 创建了一个方法
	}
}

注意点

属性名和方法名后面跟的是冒号。多个属性和方法之间要用逗号隔开。例如,

var obj1 = {};	// 创建了一个空的对象
var obj2 = {		// 创建了一个含有属性和方法的对象
	name: '小明',	//属性
	age: 18,			//属性
	sex: '男',		//属性
	say: function () {		// 方法
		console.log('hello');
	}
}
// 调用对象
console.log(obj2.name);
console.log(obj2['age']);
obj2.say();

注意点:

调用对象的属性有两种方式:对象名.属性名 或 对象名[‘属性名’]都可以进行调用。

调用对象的方法是通过 对象名.方法名() 来进行调用的,方法名后面一定要跟小括号。

二、通过new Object来创建对象

其语法格式如下:

var 对象名 = new Object();	// 创建了一个空对象
// 赋值
对象名.属性名 = 属性值;		// 创建了一个属性
对象名.方法名 = function () {};// 创建了一个方法

注意点:

属性名和方法名后面跟的是等号。 多个属性和方法之间要用分号隔开。 例如,

var obj = {};	// 创建了一个空的对象
// 赋值
obj.name = '小明',	//属性
obj.age = 18,			//属性
obj.sex = '男',		//属性
obj.say = function () {		// 方法
	console.log('hello');
}
// 调用对象
console.log(obj.name);
console.log(obj['age']);
obj.say();

三、通过构造函数创建对象

其语法格式如下:

// 创建一个构造函数
function 构造函数名() {
 this.属性名 = 值;
 this.方法名 = function () {};
}
// 调用
new 构造函数名();

例如,

function Car(carWeight, carColor, carBrand) {
    this.weight = carWeight;
    this.color = carColor;
    this.brand = carBrand;
    this.lahuo = function (thing) {
        console.log(thing);
    }
}
var bc = new Car(130, 'black', '奔驰');
console.log(bc.weight);
console.log(bc.color);
console.log(bc.brand);
bc.lahuo('拉了一车的玩具');

注意点:

属性名和方法名后面跟的是等号。 多个属性和方法之间要用分号隔开。
以上就是在JavaScript中创建对象的三种方法。

转自JS创建对象的三种方法

标签:console,log,对象,创建对象,JS,三种,方法,属性
From: https://www.cnblogs.com/hi3254014978/p/17143011.html

相关文章

  • vue-cli安装依赖 props属性三种方式 混入迷信 插件 elementUI vuex vue Routerd local
    目录回顾vue-cli安装依赖props属性三种方式总结混入mixin插件elementuielementui的使用vuex使用步骤vueRouter基本使用点击跳转路由两种方式路由跳转,携带数据的两种方式区......
  • Java Web(八)JSP
    JSP一.入门1.概念JavaServerPages,Java服务端页面一种动态的网页技术,其中既可以定义HTML、JS、CSS等静态内容,还可以定义Java代码的动态内容JSP=HTML+Java2.快速入门导入......
  • LVS三种工作模式及原理详解
    什么是LVS?摘自:https://blog.csdn.net/qq_59369367/article/details/124951685LVS是LinuxVirtualServer的简写,也就是Linux虚拟服务器,是一个虚拟的服务器集群系统,......
  • 学习笔记283—CT、MRI、PET三种检查的临床比较
    CT(X线电子计算机断层扫描)主要是利用X线断层扫描,电光子探测器接收,并把信号转化为数字输入电子计算机,再由计算机转化为图像,是一种无痛苦、无损伤的辅助检查工具。 MR......
  • jsp常用方法
    jsp的四大作用域page在当前整个页面生效request在一次完正的请求中生效session在一次会话过程生效applicable在整个服务器运行期间生效(服务器运......
  • html乱码 jsp不乱码
    需要在web.xml里将拦截器删除将下面注释掉<!--post乱码过滤器--><!--配置springMVC编码过滤器--><filter><filter-name>CharacterEncodingFilter</filt......
  • Node.JS目录
    Node.JS前置知识(命令行窗口/Node.JS简介/如何使用node执行js文件)Node.JS模块化简介Node.JS模块化详解(Math加乘实现/模块外包围)Node.JSexports和module.exports区别No......
  • 三种云服务
    iaas:基础设施即服务即只提供基础服务器的云服务paas:平台即服务在提供基础服务的前提下,还部署有项目需要的依赖环境等,例如mysql,javasaas:软件即服务s......
  • JSON.toJSONString(object, SerializerFeature.WriteMapNullValue);第二个参数作用
      这里箭头指向的位置,因为sent-1中的value为空,所以并未打印出来。第二个使用:JSON.toJSONString(map,SerializerFeature.WriteMapNullValue)指定序列化方式就打印出......
  • 使用插件时在.json文件中未找到引入的vant文件
      解决:1.先参照官方给的文档安装:  2.在要引入的json文件中修改引入路径,仿照ES5的格式(1)来修改。因为文档提供的(2)是ES6版本的,所以要仿照(1)来修改即可使用。 (1)对(2......