初识JavaScript

简介: 初识JavaScript

一、初识JavaScript

1.1.JavaScript是什么?
  1. JavaScript(一般我们简称为js) 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思),由浏览器一边解释一边执行。
  2. 脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行
  3. 现在也可以基于 Node.js 技术进行服务器端编程
1.2.JavaScript 的作用
html页面是静态的,js可以使静态页面实现web页面客户端的动态效果
  1. 表单动态校验(密码强度检测)
  2. 网页特效

    1. 服务端开发(Node.js)
    2. 桌面程序(Electron)
  3. App(Cordova)
  4. 控制硬件-物联网(Ruff)

    1. 游戏开发(cocos2d-js)
1.3.HTML、CSS、JS的关系

💡💡html css JavaScript为前端三件套,他们的关系为:

HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。
  • HTML/CSS 标记语言--描述类语言
  • HTML 决定网页结构和内容( 决定看到什么 ),相当于人的身体
  • CSS 决定网页呈现给用户的模样( 决定好不好看 ),相当于给人穿衣服、化妆
  • JS 脚本语言--编程类语言
实现业务逻辑和页面控制( 决定功能 ),相当于人的各种动作
1.4.JavaScript编译工具

💡💡常用的js编译工具:

  1. 记事本;
  2. Dreamweaver;
  3. UltraEdit-32;
  4. vscode;
  5. 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 的组成

在这里插入图片描述
💡💡:

  1. ECMAScript:ECMAScript 规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
  2. 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
  3. 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
等。
相关文章
|
JavaScript 前端开发
70.【JavaScript 6.0】(八)
70.【JavaScript 6.0】
51 1
|
4月前
|
JavaScript 前端开发
JavaScript中的every 和 some 讲解和实现
`every()` 和 `some()` 是用于测试数组元素是否符合特定条件的两个方法。`every()` 验证所有元素是否都通过指定函数的测试,并返回一个布尔值。而 `some()` 则检查数组中是否存在至少一个元素能通过该测试。若找到符合条件的元素,即使只有一个,`some()` 也会立即返回 `true`;反之则返回 `false`。这两个方法都不会对原数组进行修改。
55 1
|
4月前
|
移动开发 JavaScript 前端开发
快速认识JavaScript
快速认识JavaScript
|
7月前
|
JavaScript 前端开发
JavaScript初学
本系列文章是对自己大一假期学习js后,是对自己学习js过程中的一些理解和看法,本篇文章主要是对学习JavaScript后我们可以去做一些什么事情,算是对js有一个初步了解。本章主要是对js初学者,对于js的使用方向有一个初步了解,同时也是对我学习过程中的一中记录,也是同这些实例的练习,然后对于js有了更加清晰的了解,对于我来说,可玩性更高了。
|
移动开发 JavaScript 前端开发
JavaScript1
JavaScript1
55 0
|
7月前
|
JavaScript 前端开发
JavaScript 中的提升是什么
JavaScript 中的提升是什么
34 0
|
7月前
|
存储 JavaScript 前端开发
Javascript
avaScript 是一种用于在网页上实现交互性和动态功能的脚本语言。
64 0
|
JavaScript 前端开发
JavaScript小练习
JavaScript小练习
|
Web App开发 JavaScript 前端开发
JavaScript Day01 初识JavaScript 1
JavaScript Day01 初识JavaScript
87 0
|
Web App开发 编解码 JavaScript
【初识JavaScript-01】
学习好一门语言贵在坚持之初识JavaScript🏹💁‍♂️!
98 0
【初识JavaScript-01】

相关实验场景

更多