Electron学习二:学习Electron和Node.js需要知道的JavaScript知识

本文详细介绍了在Electron和Node.js开发中JavaScript的核心知识,包括JavaScript语言特性,如动态类型、原型和面向对象,以及DOM、BOM与JavaScript的关系。还探讨了JavaScript开发调试技巧,如设置断点和控制台输出,以及重点知识点,如undefined与null的区别、this关键字的使用。此外,文章涵盖了JavaScript的基础语法、常用代码和面向对象理解,为开发者提供了深入学习的资源。
摘要由CSDN通过智能技术生成

写在前面

我们在Electron、Node.js上面做开发,开发语言就是JavaScript,另外,很多库也是利用JavaScript封装而成,了解JavaScript的核心知识是必须的。

JavaScript入门学习地址参见:W3chool 教程,里面教程简洁全面,入门足够。这里只将学习的核心的一些概念和知识列出。

JavaScript语言特性

  • Javascript语言标准规范是ECMAScript,浏览器内置的JavaScript脚本引擎大部分实现遵循该规范;
  • 通用支持:浏览器自带脚本引擎,无需插件,因此现在前端动态语言基本上只有JavaScript,后端五花八门;
  • 动态性:
    • 动态类型:变量的类型可变,根据变量当前的值的类型确定,提供获取变量类型的方法;
    • 运行计算:提供eval函数,在运行时对字符串语句代码进行动态执行和计算;
  • 基于原型和面向对象:
    • 一切几乎都是对象,对象本质上是个关联数组,支持使用原型进行扩展,对象属性可以在运行时添加、重新绑定、删除;
    • 原型:JS利用原型实现继承性,与Java等面向对象语言使用类实现不同,原型和类一样,是对象的元定义和模板;
    • 函数作为对象构造器,使用new和object.create创建原型实例,也就是对象;
    • 函数也作为方法,函数定义和对象方法定义没有区别;
  • 支持函数,函数本质上也是对象,有方法和属性,支持内嵌函数和匿名函数;
DOM、BOM和JavaScript的关系
  • 完整的JavaScript应该包括ECMAScript、DOM和BOM;
  • ECMAScript:规定语言语法规则,定义语言的所有属性、方法和对象;
  • DOM:文档对象模型,定义对象和方法,使用树来表示文档,从而提供对文档所有元素的控制能力,可以在不重载网页的情况下改变网页外观和内容;
  • BOM:浏览器对象模型,定义对象和接口,提供访问浏览器交互的能力,可以控制窗口、屏幕、cookie以及IE中的ActiveX插件等;
  • JavaScript网景自发布起,基本就提供语言、BOM、DOM不同程度的支持,单独的JavaScript语言并无法发挥最大作用;

JavaScript开发调试

开发环境
  • 开发工具:记事本、vs code、JetBrains Webstorm、网页编辑器都可
  • 测试运行:chrome浏览器、IE浏览器开发工具,建议用chrome的开发者模式
浏览器内置引擎直接执行js脚本
  • 在地址栏输入:javascript:alert(“运行JS”),回车即可运行
  • F12打开开发者工具,在控制台输入js代码,即可运行,或者新建snippet脚本片段运行
  • 新建空白网页,引入js脚本,用浏览器打开即可运行
设置断点和控制台输出
  • javascript代码中加入 debugger;手工设置断点;
  • 打开chrome的开发者工具,手工设置断点,执行观察调试;
  • 代码行太长换行,只能在文本字符串中使用反斜杠\换行,不能随意断行;

重点知识

undefined值和null的区别
  • 变量声明时未赋值,读取该变量时输出为un
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值