初识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 前端开发 API
70.【JavaScript 6.0】(七)
70.【JavaScript 6.0】
56 1
|
4月前
|
JavaScript 前端开发 测试技术
什么是JavaScript
【8月更文挑战第20天】
36 0
|
7月前
|
JSON JavaScript 前端开发
JavaScript
JavaScript基础概要:包括数据类型的`=`, `==`, `===`和`use strict`;数组操作如`length`, `indexOf`, `slice`, `push`, `pop`, `unshift`, `shift`和`sort`;Map和Set的使用,如`get`, `set`, `delete`及遍历;函数的abs, rest参数,作用域,let, const和方法;内部对象如Date和JSON;BOM操作如window, screen和location;DOM操作涉及节点获取
34 0
|
JavaScript 前端开发
初学JavaScript
JavaScript
80 0
|
JavaScript 前端开发 Java
【JavaScript】学后总结
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型;它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
|
JavaScript 前端开发
JavaScript 中的 mailto
JavaScript 中的 mailto
140 0
|
存储 缓存 JavaScript
有趣的JavaScript(1)
有趣的JavaScript(1)
有趣的JavaScript(1)
|
JSON 数据格式
Day15 JavaScript
JavaScript
71 0
|
安全 JavaScript 前端开发
你不知道的JavaScript丛书总结(一)
你不知道的JavaScript丛书总结(一)
|
JavaScript 前端开发 编译器
什么是Javascript Hoisting?
本文重点通过实例来讲解Javascript Hoisting的内部细节原理。
649 0
什么是Javascript Hoisting?

相关实验场景

更多