对象(Object)

对象由花括号分隔，在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义，也叫json。
属性由逗号分隔，空格和折行无关紧要。声明可横跨多行。

定义一个对象, 姓名：Keafmd, 年龄：18 ，地址：北京，isEdu:false

样例代码：

var Ke = {'name': 'Keafmd','age': 18,address: '北京',isEdu:false
}
console.log(Ke)

完整代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var Ke = {'name': 'Keafmd','age': 18,address: '北京',isEdu:false}console.log(Ke)</script></head><body></body>
</html>

效果截图：

对象的创建

使用{}创建

var person = {name : 'Keafmd',sayHi:function(){console.log('hi, my name is :'+this.name)}
};

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var person = {name : 'Keafmd',sayHi:function(){console.log('hi, my name is :'+this.name)}};console.log(person) person.sayHi()</script><title></title></head><body></body>
</html>

效果截图：

使用Object创建

var p = new Object();
p.name = 'Keafmd';
p.age = 18;console.log(p);

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>var p = new Object();p.name = 'Keafmd';p.age = 18;console.log(p);</script><title></title></head><body></body>
</html>

效果截图：

使用Function创建

function Student(){this.name = '';this.age = 0;
}var stu1 = new Student();
stu1.name = "Keafmd";
stu1.age = 18;
stu1.address = '哈尔滨';console.log(stu1);var stu2 = new Student();
console.log(stu2);

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>function Student(){this.name = '';this.age = 0;}var stu1 = new Student();stu1.name = "Keafmd";stu1.age = 18;stu1.address = '哈尔滨';console.log(stu1);var stu2 = new Student();console.log(stu2);</script><title></title></head><body></body>
</html>

效果截图：

使用class关键字

class Human{constructor(name) {this.name = name;}sayHi(){console.log('我是： '+this.name);}}var  h1 = new Human('Keafmd');
h1.sayHi()

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><script>class Human{constructor(name) {this.name = name;}sayHi(){console.log('我是： '+this.name);}}var  h1 = new Human('Keafmd');h1.sayHi()</script><title></title></head><body></body>
</html>

效果截图：

对象的原型模型

通过对象可以给对象扩展字段（属性、方法）
如果想同一个类型，都添加属性，则需要用到原型 prototype

样例代码：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>function Student(){this.name = '';this.age = 0;}var  s1 = new Student();//给对象扩展方法// s1.sayHi =function(){//     console.log('打招呼')// }//给原型扩展Student.prototype.sayHi = function(){console.log('打招呼')}s1.sayHi();var  s2 = new Student();s2.sayHi();</script></head><body></body>
</html>

效果截图：

写作不易，读完如果对你有帮助，感谢点赞支持！
如果你是电脑端，看见右下角的“一键三连”了吗，没错点它[哈哈]

加油！

共同努力！

Keafmd

JavaScript对象(Object)相关推荐

JavaScript 对象总结
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象 JavaScript 对象对象只是一种特殊的数据.对象拥有属性和方法访问对象 ...
《JavaScript启示录》——1.21 JavaScript对象和Object()对象
本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.21节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查 ...
javascript对象包含哪些要素_让人迷糊的JavaScript对象（Object一）
对于很多初学的小伙伴听到JavaScript内置对象.BOM.DOM.WEB API等关键词基本上都是迷糊,不是很明白他们之间的关系,以及他们是如果建立联系的.虽然我们现在小伙伴在学VUE,React ...
JavaScript 函数定义+内置函数使用+array对象+object类型
文章目录函数定义 random() setInterval() setTimeout() 数组对象 object 函数定义两种格式: function 自定义函数名称(参数1,参数2,...,参数 ...
JavaScript对象类型Object
前言系统学习JavaScript,由于有3年的java后端开发经验,并且有2年的JavaScript+Jquery开发经验,所以像编程语言的一些通用知识就直接跳过了,重点关注JavaScript的语 ...
JavaScript系列之内置对象Object
文章の目录一.静态方法 1.Object.assign() 1.1.概述 1.2.语法 1.3.参数 1.4.返回值 1.5.描述 1.6.示例 2.Object.create() 2.1.概述 2 ...
【JavaScript】对象 Object
对象对象 1 属性 property 1.1 属性创建 1.2 属性取值 1.3 属性删除 delete 1.4 属性存在 in 1.5 属性遍历 keys 1.7 属性描述对象 1.7.1 属性可 ...
JavaScript中Object对象方法超详细讲解举例说明仅此一篇
JavaScript中Object对象方法超详细讲解举例说明仅此一篇 Object.assign() Object.create() Object.values() Object.entries() ...
javascript 回顾一下基础标准内置对象 Object（二）
文章目录一.Object 二.Object 构造函数的属性 1.Object.length 2.Object.prototype 3.Object.assign() 4.Object.create( ...

JavaScript对象(Object)

JavaScript对象

对象(Object)

对象的创建

使用{}创建

使用Object创建

使用Function创建

使用class关键字

对象的原型模型

JavaScript对象(Object)相关推荐

最新文章

热门文章