js创建对象的三种方式
2022/3/8 6:15:23
本文主要是介绍js创建对象的三种方式,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
什么是对象?
在JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。
对象=属性+方法
创建对象的三种方式
第一种: 利用字面量创建对象
【对象直接量】
对象字变量: 就是花括号 {} 里面包含了表达这个具体事物(对象)的属性和方法。
var object = {};//创建了一个空对象
语法格式:
var obj = { uname: '张',//注意是冒号,逗号 age: 12, //键值名中间有连字符 //键值名是关键字 //键值名中间有空格 }
缺点=代码量大,重复代码多
第二种: new object创建
var Person = new Object(); Person.name = 'jack'; Person.age = 29;
创建object引用类型,把实例保存在变量Person中
第三种:使用构造函数创建对象
//emmmmmmm这不是Java里面的构造器嘛!!! function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); } } var Person1 = new Person('ja',23,'te'); var Person2 = new Person('jja',23,'tiie');
按照惯例,构造函数始终要应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。
缺点:
就是每个方法都要在每个实例上重新创建一遍,方法指的就是我们在对象里面定义的函数。如果方法的数量很多,就会占用很多不必要的内存。
这篇关于js创建对象的三种方式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-16Vue3资料:新手入门必读教程
- 2024-11-16Vue3资料:新手入门全面指南
- 2024-11-16Vue资料:新手入门完全指南
- 2024-11-16Vue项目实战:新手入门指南
- 2024-11-16React Hooks之useEffect案例详解
- 2024-11-16useRef案例详解:React中的useRef使用教程
- 2024-11-16React Hooks之useState案例详解
- 2024-11-16Vue入门指南:从零开始搭建第一个Vue项目
- 2024-11-16Vue3学习:新手入门教程与实践指南
- 2024-11-16Vue3学习:从入门到初级实战教程