创建JavaScript对象

最新推荐文章于 2024-06-21 16:41:46 发布
最新推荐文章于 2024-06-21 16:41:46 发布
阅读量63 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/514341
版权

1、创建直接对象实例

示例：创建了对象的一个新实例，并向其添加了四个属性。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
< html >
< body >
<!-- 创建对象 -->
< script >
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=60;
person.eyecolor="green";
</ script >
<!-- 使用对象 -->
< script >
     document.write(person.firstname + " is " + person.age + " years old.");
</ script >
</ body >
</ html >

上面代码等效于：

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
< html >
< body >
<!-- 创建对象 -->
< script >
person={firstname:"Bill",lastname:"gates",age:60,eyecolor:"blue"}
</ script >
<!-- 使用对象 -->
< script >
     document.write(person.firstname + " is " + person.age + " years old.");
</ script >
</ body >
</ html >

输出结果：

   Bill is 60 years old.


2、使用函数来构造对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
< html >
< body >
<!-- 创建对象 -->
< script >
     function person(firstname,lastname,age,eyecolor)
     {
         this.firstname=firstname;
         this.lastname=lastname;
         this.age=age;
         this.eyecolor=eyecolor;
     }
</ script >
<!-- 使用对象 -->
< script >
     myFather=new person("Bill","Gates",60,"blue");
     document.write(myFather.firstname + " is " + myFather.age + " years old.");
</ script >
</ body >
</ html >

   一旦您有了对象构造器，就可以创建新的对象实例，就像这样：

1
2
var  myFather= new  person( "Bill" , "Gates" , 60 , "blue" );
var  myMother= new  person( "Steve" , "Jobs" , 48 , "green" );


3、把方法添加到 JavaScript 对象

   方法只不过是附加在对象上的函数。在构造器函数内部定义对象的方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
< html >
< body >
< script >
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
            
this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}
</ script >
< script >
myMother=new person("Steve","Jobs",56,"green");
myMother.changeName("Ballmer");
document.write(myMother.lastname);
</ script >
</ body >
</ html >

运行结果：

   Ballmer





     本文转自stock0991 51CTO博客，原文链接：http://blog.51cto.com/qing0991/1394347，如需转载请自行联系原作者





weixin_34295316
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript创建对象的4种方法
dearzhuoer的博客
11-28 1万+
JavaScript 创建对象的4种方法 所谓对象就是用来帮助你完成一些事情是，对象是有特征和行为的，是具体特指的某一个事物。使用对象可以使程序更加整洁 通过Object()方法来创建 Object()是JavaScript内部的对象，使用Object创建对象的语法： 我们通过Object创建的一个Dog对象，这个对象有name,color,eat属性；并且给这个对象定义了两个方法，因此我们...
浅析创建javascript对象的方法
10-22
下面小编就为大家带来一篇浅析创建javascript对象的方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
javascript对象
forchance1的专栏
11-14 612
通过javascript可以定义并创建自己的对象 创建新对象有两种不同的方法： 定义并创建对象的实例使用函数来定义对象，然后创建新的对象实例 创建直接的实例 这个例子创建了对象的一个新实例，并向其添加了四个属性： 实例 person=new Object(); person.firstname="Bill"; person.lastname="Gates"; p
JavaScript系列从入门到精通系列第二十篇：使用工厂方法创建JavaScript对象，JavaScript构造函数详解，JavaScript类概念的介绍
七叔的博客
10-17 1万+
这个是JavaScript系列从入门到精通系列中第二十篇，详细介绍了使用工厂方法创建JavaScript对象，以及对JavaScript构造函数进行了详解，也包括对JavaScript类概念的介绍
JavaScript 对象初探--创建对象
Mr_Bobcp的博客
01-22 1万+
目录JavaScript对象概念JavaScript类型一、js中的对象二、自定义对象属性和方法创建对象方式一、对象字面量二、内置构造函数三、工厂模式四、自定义构造函数的方法五、原型模式六、组合使用构造函数模式和原型模式七、动态原型模式八、寄生模式九、稳妥构造函数模式 JavaScript对象概念 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 在 JavaScript 中，对象是拥有属性和方法的数据。 JavaScript类型 一、js中的对象 内置对象：JS提供的 宿主对象
Javascript创建对象的4种方法
wo_2123311的博客
04-11 4327
JavaScript里的对象是什么？ JavaScript是一种基于对象的脚本语言。它不仅可以创建对象，也可以使用现有的对象。 那关于对象的创建有哪些方法呢？ 第一种、直接创建法。 创建格式为：var 变量名={key1：value1，key2：value2…..} Value：可以是数据，也可以是方法。 例如：创建一个学生对象，包含：name，age。 Var Student={ name：“王一”， age：18，...
JavaScript创建JSON对象
热门推荐
Keep Moving~
05-07 3万+
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成, JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。JSON 语法 数据使用键名/值对表示，键名是字符串，值没有限定； 例如 “language”:”Java” 每个数据之间由逗号分隔； 使用大括号保存对象，对象可以包含若干个数据；
JavaScript创建对象的三种方式
weixin_43664588的博客
03-04 8123
在Javascript中，我们目前可以采用三种方式创建对象（object）： 利用字面量创建对象 利用new Object创建对象 利用构造函数创建对象
JavaScript 面向对象详解
qq_36081714的博客
08-09 3615
JavaScript面向对象
JavaScript创建对象
游海东的技术专栏
04-29 7278
JavaScript创建对象1、实现源码 JavaScript创建对象 /** * 创建Person对象 */ function Person(name,sex,age,addr) { this.name = name; this.sex = sex; this.age = age; this.date = obDate(); this.addr =
javascript 创建嵌套对象集合
csdnwr的博客
06-29 4930
var goodlistArr = [];var item = new Object();item.customer = {};item.customer.id=myid;item.customer.face=myface;goodlistArr.push(item);
JavaScript 创建对象
10-29
JavaScript 创建对象是编程中至关重要的概念，特别是在动态类型的JavaScript中，理解不同的创建方式能帮助开发者更高效地构建和管理程序结构。以下将详细介绍几种常见的JavaScript创建对象的方法。 1. JSON方式/...
JavaScript创建对象的写法
10-26
JavaScript是一种动态类型的编程语言，它提供了多种方式来创建和操作对象。对象在JavaScript中是核心概念，它们是无序属性的集合，其中属性可以包含基本值（如数字、字符串）、其他对象或者函数。对象的属性可以理解...
JavaScript对象创建模式实例汇总
10-21
主要介绍了JavaScript对象创建模式,结合实例形式总结分析了JavaScript常见的对象创建模式,包括工厂模式、构造函数模式、原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式等,需要的朋友可以参考下
浅谈JavaScript对象的创建方式
10-22
`p1`和`p2`都是`Person`的实例，同时也都是`Object`的实例，因为所有JavaScript对象都继承自`Object`。 值得注意的是，构造函数也可以被当作普通函数调用，这可能会导致作用域和引用问题。例如，当不使用`new`...
不出网上线CS的各种姿势（内网横向）
最新发布
qq_64395221的博客
06-21 890
在内网环境中可以使用ipc $生成的SMB Beacon上传到目标主机执行，但是目标主机并不会直接上线的，需要我们自己用链接命令(link <ip>)去连接它。经常是拿下一台边缘机器，其有多块网卡，用于连接内外网，内网机器都不出网。因为连接的Beacons使用Windows命名管道进行通信，此流量封装在SMB协议中，所以SMB Beacon相对隐蔽，绕防火墙时可能发挥奇效。一样，建立pystinger连接之后，直接生成payload在业务主机执行，业务内网主机192.168.111.236即可成功上线。
Day43
m0_67496588的博客
06-20 985
JSON，Ajax
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 464
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
使用nvm管理nodejs版本，设置淘宝NPM镜像源
d312697510的博客
06-19 225
使用nvm管理nodejs版本，设置淘宝NPM镜像源，修改新的镜像源地址
JavaScript数组创建对象的方法
08-20
JavaScript中有多种方法可以在数组中创建对象。下面列举了一些常见的方法： 1. 使用对象字面量方式创建对象： ```javascript let arr = [ { name: 'John', age: 20 }, { name: 'Alice', age: 25 }, { name: 'Bob...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值