教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

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

更新时间:2020年11月20日18时04分 来源:传智播客 浏览次数:

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

  在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来表示。有了对象以后,开发人员面对的不再是一个个孤立的变量和函数,而是一个个功能强大的对象,利用这些对象可以更高效地完成项目的开发。

猜你喜欢:

什么是less?Less变量怎样能实现CSS样式

rem是什么?和em单位区别在哪

web前端培训课程