JavaScript基础教程:数组操作、构造函数与this指向详解
需积分: 10 100 浏览量
更新于2024-08-05
收藏 131KB DOCX 举报
在本次讨论中,我们聚焦于JavaScript(JS)编程语言的一些关键知识点。首先,关于数组操作,如何在JavaScript中求取一个数组的特定统计信息是常见的需求。例如,给定数组`var arr = [89, 78, 99, 68, 87];`,你可以使用以下方法获取最大值、最小值、平均值和总和:
1. 最大值:`Math.max.apply(null, arr)` 或者 `arr.reduce(Math.max)`
2. 最小值:`Math.min.apply(null, arr)` 或者 `arr.reduce(Math.min)`
3. 平均值:`arr.reduce((a, b) => a + b) / arr.length`
4. 求和:`arr.reduce((a, b) => a + b, 0)`
接着,我们转向JavaScript中的构造函数,这是用于创建和初始化对象的关键机制。构造函数与普通函数相似,但遵循特定命名规则(首字母大写,如`Person`)且通过`new`关键字调用。创建对象的方式主要有三种:
- **内置构造函数创建**:`var obj = new Object();`
- **字面量形式创建**:`var obj = {};`
- **工厂模式创建**:自定义函数返回新对象实例。
转换数据格式也是JS中的重要操作。将JSON格式的字符串`var str = '{"name": "John", "age": 30}'`转为对象,可以使用`JSON.parse()`,如`var obj = JSON.parse(str);`;反过来,将对象转为JSON字符串,则用`JSON.stringify(obj)`。
`this`关键字在JavaScript中表示当前运行环境的对象。改变`this`指向的方法包括`Function.prototype.bind()`, `apply()`和`call()`,它们允许你在特定上下文中执行函数,传递的第一个参数会被设置为新的`this`值。
针对提供的代码片段,`var n = null; console.log(n ? 1 : 2);`,当`n`为`null`时,逻辑表达式`n ? 1 : 2`会返回`2`,因为`null`被转化为`false`,所以条件分支的第二个选项会被执行。
最后,我们看到一个函数封装示例,`sum`函数可以接受多个参数并返回它们的和,同时也能作为链式调用,如`sum(2)(3)(4)`,其结果都是9。这展示了JavaScript函数的灵活性,尤其是当使用高阶函数时。
2021-12-05 上传
2020-06-22 上传
2022-11-26 上传
2020-06-24 上传
2024-05-24 上传
2022-06-13 上传
2023-03-13 上传
2023-04-21 上传
2022-09-01 上传
qq_52423413
- 粉丝: 1
- 资源: 1
最新资源
- MATLAB实现小波阈值去噪:Visushrink硬软算法对比
- 易语言实现画板图像缩放功能教程
- 大模型推荐系统: 优化算法与模型压缩技术
- Stancy: 静态文件驱动的简单RESTful API与前端框架集成
- 掌握Java全文搜索:深入Apache Lucene开源系统
- 19计应19田超的Python7-1试题整理
- 易语言实现多线程网络时间同步源码解析
- 人工智能大模型学习与实践指南
- 掌握Markdown:从基础到高级技巧解析
- JS-PizzaStore: JS应用程序模拟披萨递送服务
- CAMV开源XML编辑器:编辑、验证、设计及架构工具集
- 医学免疫学情景化自动生成考题系统
- 易语言实现多语言界面编程教程
- MATLAB实现16种回归算法在数据挖掘中的应用
- ***内容构建指南:深入HTML与LaTeX
- Python实现维基百科“历史上的今天”数据抓取教程