一、初识JavaScript
1.1.JavaScript是什么?
- JavaScript(一般我们简称为js) 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思),由浏览器一边解释一边执行。
- 脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行
- 现在也可以基于 Node.js 技术进行服务器端编程
1.2.JavaScript 的作用
html页面是静态的,js可以使静态页面实现web页面客户端的动态效果
- 表单动态校验(密码强度检测)
网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- App(Cordova)
控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
1.3.HTML、CSS、JS的关系
💡💡html css JavaScript为前端三件套,他们的关系为:
HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。
- HTML/CSS 标记语言--描述类语言
- HTML 决定网页结构和内容( 决定看到什么 ),相当于人的身体
- CSS 决定网页呈现给用户的模样( 决定好不好看 ),相当于给人穿衣服、化妆
- JS 脚本语言--编程类语言
实现业务逻辑和页面控制( 决定功能 ),相当于人的各种动作
1.4.JavaScript编译工具
💡💡常用的js编译工具:
- 记事本;
- Dreamweaver;
- UltraEdit-32;
- vscode;
- sublime Text
个人使用的是vscode,当然也推荐使用它,挺好用哒!😆
1.5.浏览器执行 JS 简介
💡💡* 浏览器分成两部分:渲染引擎和 JS 引擎
- 渲染引擎:用来解析HTML与CSS,俗称内核,
- JS 引擎:也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行
ps:
浏览器本身并不会执行JS代码,而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。
1.6.JavaScript和Java的关系
- 大概也就是雷锋与雷峰塔的关系,老婆与老婆饼的关系吧哈哈👀👀
1.7. JS 的组成
💡💡:
- ECMAScript:ECMAScript 规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
- 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
- BOM (Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
1.8.标识符
💡💡
- 标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字。
标识符不能是关键字或保留字。
第一个字符必须是一个字母、下划线(_)或一个美元符号($);
其他字符可以是字母、下划线、美元符号或数字。
1.9.关键字
💡💡
关键字:是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。
- 包括:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with
等。
1.10.保留字
💡💡
- 保留字:实际上就是预留的“关键字”,意思是现在虽然还不是关键字,但是未来可
能会成为关键字,同样不能使用它们当变量名或方法名。 - 包括:boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
等。