初识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】
53 1
|
JavaScript 前端开发
70.【JavaScript 6.0】(二)
70.【JavaScript 6.0】
55 0
|
5月前
|
JavaScript 前端开发 数据处理
你好,JavaScript!
你好,JavaScript!
28 2
|
XML JavaScript 前端开发
javascript之webAPIs(1)
javascript之webAPIs(1)
67 0
|
6月前
|
JavaScript 前端开发
JavaScript:处理this
JavaScript:处理this
54 1
|
移动开发 JavaScript 前端开发
|
Web App开发 编解码 JavaScript
初识JavaScript
初识JavaScript
123 0
初识JavaScript
|
JavaScript 前端开发
JavaScript 能够做什么?
JavaScript 能够做什么?
85 0
|
JSON JavaScript 前端开发
你不知道的JavaScript丛书总结(二)
你不知道的JavaScript丛书总结(二)
|
安全 JavaScript 前端开发
你不知道的JavaScript丛书总结(一)
你不知道的JavaScript丛书总结(一)