首页技术文章正文

JS中的对象是什么?它有哪些属性和变量?

更新时间:2020-11-20 来源:黑马程序员 浏览量:

  在现实生活中,对象是一个具体的事物,是一种看得见、摸得着的东西。例如,一本书、一辆汽车、一个人,可以看成是“对象”。在计算机中,一个网页、一个与远程服务器建立的连接也可以看成是“对象”。

  在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,方法是指事物的行为。例如,在JavaScript中描述一个手机对象,则手机拥有的属性和方法如下所示。

  手机的属性:颜色、重量、屏幕尺寸。

  手机的方法:打电话、发短信、看视频、听音乐。

  在代码中,属性可以看成是对象中保存的一个变量,使用“对象.属性名”,方法可以看成是对象中保存的一个函数,使用“对象.方法名()”进行访问。假设现在有一个手机对象p1,则可以用以下代码来访问p1的属性或调用p1的方法。

// 假设现在有一个手机对象p1,通过代码创建出来

var p1 = {

 color: '黑色',

 weight: '188g',

 screenSize: '6.5',

 call: function(num) {

  console.log('打电话给' + num);

},

sendMessage: function(num, message) {

 console.log('给' + num + '发短信,内容为:' + message);

},

playVideo: function() {

 console.log('播放视频');

},

playMusic: function() {

 console.log('播放音乐');

}

};

// 访问p1的属性

console.log(p1.color);    // 输出结果:“黑色”,表示手机的颜色为黑色

console.log(p1.weight);   // 输出结果:“188g”,表示手机的重量为188克

console.log(p1.screenSize); // 输出结果:“6.5”,表示手机的屏幕尺寸为6.5英寸

// 调用p1的方法

p1.call('123');           // 调用手机的拨打电话方法,拨打号码为123

p1.sendMessage('123', 'hello');   // 给电话号码123发短信,内容为hello

p1.playVideo();           // 调用手机的播放视频方法

p1.playMusic();           // 调用手机的播放音乐方法

  从上述代码可以看出,对象的属性和变量的使用方法类似,对象的方法和函数的使用方法类似。通过对象可以把一系列的属性和方法集合起来,用一个简单的变量名p1来表示。有了对象以后,开发人员面对的不再是一个个孤立的变量和函数,而是一个个功能强大的对象,利用这些对象可以更高效地完成项目的开发。

猜你喜欢:

6天玩转电子商务ECharts数据可视化项目

js中修改this的指向方法汇总

黑马程序员web前端培训课程 

分享到:
在线咨询 我要报名
和我们在线交谈!