JavaScript-对象
JavaScript 对象
对象也是一个变量,但对象可以包含多个值(多个变量),每个值以 name:value 对呈现。
var car = {name:"Fiat", model:500, color:"white"};
JavaScript 对象是变量的容器。
【例1】用字符来定义和创建 JavaScript 对象:
Title 创建 JavaScript 对象。
对象属性
- 可以说 "JavaScript 对象是变量的容器"。
- 但是,我们通常认为 "JavaScript 对象是键值对的容器"。
- 键值对通常写法为 name : value (键与值以冒号分割)。
- 键值对在 JavaScript 对象通常称为 对象属性。
访问对象属性
person.lastName;或person["lastName"];
对象方法
【例2】
Title 创建和使用对象方法。
对象方法作为一个函数定义存储在对象属性中。
自调用函数
以下函数实际上是一个 匿名自我调用的函数 (函数声明+调用一次)
【例3】
Title 函数可以自动调用:
JS函数的本质是一个对象
【例4】
菜鸟教程(runoob.com) toString() 将函数作为一个字符串返回:
【实验一】:圆周长面积的计算,一个下拉列表框,用于选择计算圆的周长或者是面积,一个点击按钮进行计算
请输入圆的半径:

运行结果截图
计算周长截图:
计算面积截图:


【实验二】:模块化编程
请输入圆的半径:

运行程序回答问题:
- circle = (function(){})();是一个什么函数?
使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量则创建函数,赋予一个事件则成为事件处理程序或创建闭包等等。
- 该函数的返回值是什么类型
浮点类型
- JS中可以在函数中定义函数吗?
可以
- 函数中如何返回多个值?
通过对象的属性方法,将数据封装在JSON中返回,通过switch选择结构性输出
【实验三】:模块的扩展
在实验二的基础上添加一个计算球体体积的功能球体的计算表达式:4/3*Math.PI * Math.pow(r, 3)
实验结果,输入半径10,计算球体体积截图:

【实验四】:不改变原有模块代码的外部扩展
请输入圆的半径:
球体体积
球体表面积

添加球体球体表面积选项(公式S=4πr²=πD²),向circle对象中添加getSurfaceArea函数用于求球体表面积,并选择合适位置调用。
实验结果 求半径为10的球体表面积截图:

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