当前位置:网站首页 > JavaScript核心编程 > 正文

七爪源码:OOP 的第一步——JavaScript_java写脚本

Javascript 是一种高级编程语言,与 HTML 和 CSS 一样,是万维网的核心技术之一。在这个阶段的第一部分,我们已经了解了 Javascript 的基础知识,包括表达式、数据类型和结构,以及对象和函数。然后,引入了文档对象模型 (DOM),允许我们在浏览器中创建和修改内容并与网页交互。即使很久没有接触它,我还是发现了一些与这种特定语言有关的迷人特性。

首先,我们都听说 Javascript 是一种面向对象的编程语言。更具体地说,它是一种基于原型的编程语言。类是在 EcmaScript 2015 (ES6) 中引入的,它是一个基于其自己的原型在 Javascript 中创建对象的模板。与其他 OOP 语言一样,继承的思想允许程序员干代码并提高内存使用效率。

Javascript 另一个有趣的部分是它的执行上下文,它包含称为作用域链和词法作用域的概念。作用域链意味着在外部作用域中声明的所有变量和函数都可以被内部作用域访问,而词法作用域简单来说是指变量的定义位置。当两个复杂的概念结合在一起时,这有时会让新的 Javascript 学习者感到沮丧。

JavaScript 是一种单线程、非阻塞、异步、并发的编程语言,具有很大的灵活性。

接下来我们需要注意的部分是异步函数和Promise。作为对象的 Promise 表示操作的当前状态,而 async 函数允许我们使用 async 和 await 关键字来返回一个 Promise。借助这个强大的功能(以及其他一些底层机制),Javascript 可以异步运行任务,即使它是一种单线程语言。

在学习过程中,我还构建了一个名为 Pictionary 的简单绘图应用程序。对于这个项目,我开始通过与 Canvas API 通信来构建基本的绘图功能。这是通过利用 HTML 中的 canvas 上下文对象和 canvas 元素来实现的。创建绘图函数时一个有趣的部分是在 Canvas 和鼠标事件之间建立连接。这个过程让我意识到一些事件,包括 mouseup、mousedown 和 mousemove 在与用户的鼠标控件交互时是至关重要的。下一步是创建一个随机词生成器,可以通过从公共词 API 获取数据来实现。我在这一部分中使用了异步函数,因为从我的角度来看,它更清楚地展示了如何检索数据。 Async 和 await 关键字也使代码更容易被理解和编译。项目的其余部分是构建整个代码的良好实践。从这里的主要收获是,正确地干燥我们的代码很重要,这样我们就可以更轻松地进一步调整代码。例如,如果有很多重复,可以使用更高阶函数以更简洁的方式编写代码。

除了我提到的所有 Javascript 内容之外,还有无数花哨的工具等着我们去掌握。让我们继续前进,祝你好运!

关注七爪网,获取更多APP/小程序/网站源码资源!

版权声明


相关文章:

  • 2024年,你需要掌握的 30 个 JavaScript 面试问题和答案(基础篇)2024-10-30 14:25:38
  • JavaScript编程代码分享:网页版二分查找算法2024-10-30 14:25:38
  • 从历史讲起,JavaScript 基因里写着函数式编程2024-10-30 14:25:38
  • 分享 10 个前端开发人员需要知道 JavaScript 概念2024-10-30 14:25:38
  • 这份"JavaScript高级程序设计",字节8年大佬推荐大家入门需N刷!2024-10-30 14:25:38
  • JavaScript 教程 (详细 全面)2024-10-30 14:25:38
  • JavaScript基础大总结2024-10-30 14:25:38
  • [连载]JavaScript讲义(02)--- JavaScript核心编程2024-10-30 14:25:38
  • Qt 资料大全2024-10-30 14:25:38
  • JavaScript框架从入门到精通2024-10-30 14:25:38
  • 全屏图片