初识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
等。
相关文章
|
12天前
|
机器学习/深度学习 移动开发 前端开发
JavaScript适用于哪些领域?
【4月更文挑战第30天】JavaScript适用于哪些领域?
16 0
|
25天前
|
存储 JavaScript 前端开发
JavaScript组成的问题。
JavaScript组成的问题。
|
JavaScript 前端开发
Javascript的特点
Javascript的特点
55 0
|
JavaScript 前端开发
有趣的JavaScript(2)
有趣的JavaScript(2)
|
存储 移动开发 缓存
Javascript
Javascript interview
|
存储 Web App开发 人工智能
JavaScript的使用
JavaScript作为使用得最多的脚本语言,可以说是无处不在。所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。 作为后台程序员的我们,JavaScript也是必备的。接下来就一起来学习一下JavaScript,感受它的魅力!
 JavaScript的使用
|
前端开发 JavaScript Java
JavaScript——JavaScript的介绍
JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
148 0
|
算法 JavaScript 前端开发
JavaScript的各种等号`==` `===`最全详解(下)
JavaScript的各种等号`==` `===`最全详解(下)
83 0
JavaScript的各种等号`==` `===`最全详解(下)
|
JavaScript 前端开发 程序员
解密 JavaScript 中的 this
我想在本文解释JavaScript中的 this,希望有助你理解 this 的工作机制。作为JavaScript程序员,学习 this 对于你的发展有很大帮助,可以说利大于弊。这篇文章的灵感来自于我最近的工作——我即将完成的书的最后章节——《JavaScript 应用程序设计 | JavaScript Application Design》(注意:现在你可以购买早期版本),我写的是关于scope工作原理的方面。
104 0
解密 JavaScript 中的 this