JavaScript-对象

JavaScript 对象

对象也是一个变量,但对象可以包含多个值(多个变量),每个值以 name:value 对呈现。

var car = {name:"Fiat", model:500, color:"white"};

JavaScript 对象是变量的容器。

【例1】用字符来定义和创建 JavaScript 对象:

Title

创建 JavaScript 对象。

对象属性

  1. 可以说 "JavaScript 对象是变量的容器"。
  2. 但是,我们通常认为 "JavaScript 对象是键值对的容器"。
  3. 键值对通常写法为 name : value (键与值以冒号分割)。
  4. 键值对在 JavaScript 对象通常称为 对象属性

访问对象属性

person.lastName;person["lastName"];

对象方法

【例2

 Title 

创建和使用对象方法。

对象方法作为一个函数定义存储在对象属性中。

自调用函数

函数实际上是一个 匿名自我调用的函数 (函数声明+调用一次)

【例3

Title

函数可以自动调用:

JS函数的本质是一个对象

【例4

菜鸟教程(runoob.com)

toString() 将函数作为一个字符串返回:

【实验一】:圆周长面积的计算,一个下拉列表框,用于选择计算圆的周长或者是面积,一个点击按钮进行计算

    

    模块化编程进程1

请输入圆的半径:

运行结果截图

计算周长截图:

计算面积截图:

【实验二】:模块化编程

    

    模块化编程进程2

请输入圆的半径:

运行程序回答问题:

  1. circle = (function(){})();是一个什么函数?

使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。

  1. 该函数的返回值是什么类型

浮点类型

  1. JS中可以在函数中定义函数吗?

可以

  1. 函数中如何返回多个值?

通过对象的属性方法,将数据封装在JSON中返回,通过switch选择结构性输出

【实验三】:模块的扩展

在实验二的基础上添加一个计算球体体积的功能球体的计算表达式:4/3*Math.PI * Math.pow(r, 3)

实验结果,输入半径10,计算球体体积截图

【实验四】:不改变原有模块代码的外部扩展

    

    模块化编程进程4

请输入圆的半径:

添加球体球体表面积选项(公式S=4πr²=πD²),向circle对象中添加getSurfaceArea函数用于求球体表面积,并选择合适位置调用。

实验结果 求半径为10的球体表面积截图:


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部