【JS】:对JavaScript的初步认识(引擎、注释、书写位置、输入输出、直接量、保留字...)

94 阅读4分钟

我正在参与掘金创作者训练营第5期,点击了解活动详情

1️⃣前言

今天的笔记是:JavaScript的相关介绍


2️⃣什么是JavaScript?

  • JavaScript(简称js)是一种流行的脚本语言(javaJavaScript是完全不同的两种编程语言)

  • JavaScript是一种运行在客户端的脚本语言(脚本语言就是不需要编译,可以直接用,由解释器来负责解释)

  • 目前js用途已经变得很广泛,比如基于Node.js技术实现服务器端编程等

  • 动态性和跨平台性也是JavaScript的主要特点。

总的来说,JavaScript就是面向Web的脚本语言。现在绝大多数浏览器都使用了JavaScript,现代所有Web浏览器(包括基于桌面系统,智能手机等的浏览器)都包含了JavaScript解释器。JavaScript本身属于面向对象和函数式的编程风格,其语法源自java,一等函数(first-class function)源自Scheme,基于原型(prototype-based)的继承来自Self,但其实学习js本身,是不用去学习上述(Java/Scheme/Self)体系中的术语。事实上JavaScript早已超出本身“脚本语言”的概念,而是成为一门高效通用且健壮的语言,其特性也在不断增加。


3️⃣为什么学JavaScript?

JavaScriptweb开发人员必须学习的 3 门语言中的一门:

  • HTML 定义了网页的内容
  • CSS描述了网页的布局
  • JavaScript 控制了网页的行为
  • 通过JavaScript,能更好地学习前端开发。

4️⃣初步认识

一、引擎

  • 浏览器一般分为两部分:渲染引擎和JS引擎
  • 渲染引擎用于解析HTMLCSS,因此俗称内核(比如Chromeblink以及老版本的webkit
  • JS引擎(也就是JS解释器)用于读取网页中的JavaScript代码,处理并运行(比如Chromejs引擎是V8
  • 也就是说,浏览器本身不会执行JS代码,而是通过内置的JS引擎来执行JS代码(逐行解释并转换为机器语言,让计算机执行)

二、字符集

  • JavaScript程序是由Unicode字符集编写的;

三、注释

  • 单行注释用两个反斜杠//
// 单行注释
  • 多行注释用/* */
/* 
这是
多行
注释
*/

四、区分大小写

  • JavaScript是区分大小写的语言
  • 也就是说,online、Online、ONLINE是三个变量名

五、书写位置

JavaScript的书写位置分为三种

行内式

  • 将单行、少量的js代码写在HTML标签的事件属性中,但由于可读性差且容易混淆,一般很少用
  • 例如:
<input type="button" value="点击"  onclick="alert('hello world')" />

内嵌式

  • 可以在HTML文档中,将多行js代码写到<script>标签中
  • 例如:
<script>
	alert('HelloWorld')
</script>

外部引入式

  • 我们可以单独编写js文件,再引入HTML文档中,需要注意的是,引入外部js文件时,script标签中间不能编写内容
  • 比如将index.js文件写入HTML文档中可以这样:
<script src="index.js"></script>

六、输入输出

js中,有基本的输入输出语句,现记录三个常用的:

  1. 方法一,浏览器弹出警示框的方法:alert('输出内容...')
  2. 方法二,浏览器弹出输入框,用户可输入信息prompt('可写上提示用户输入的语句...')
  3. 方法三,在控制台输出信息:console.log('输出信息...')

七、变量

  • 每一种语言,都会有变量的概念。js也不例外。

  • 所谓变量,就是程序在内存中申请的一块空间,用于存放数据。

  • 我们可以通过变量名获取数据,修改数据。


八、直接量

  • 在程序中可以直接使用的量称为直接量(literal)
  • 举例如下:
直接量含义
6数字
6.66小数
'helloworld'字符串
true布尔值
false另一个布尔值
null

九、标识符和保留字

  • 标识符用于对变量或函数命名;
  • js中,标识符首字母必须以字母、美元符$和下划线_开头(注意!不能以数字开头)
  • 和其他语言一样,js也有保留一些标识符当做自己的关键字,这些关键字称为保留字
  • 因此,我们不能将保留字作为程序中的标识符;

十、分号、空格和换行符

  • JavaScript中,分号(;)用于隔开不同语句。但有时分号也可以省略:例如当每条语句独占一行时可以省略分号,当到达程序结尾之间或者在右花括号(})前的分号可以省略。(保守一点还是加上分号好,使代码能被正确解析)
  • JavaScript会忽略程序中的空格(一般也会忽略换行符)

5️⃣写在最后

好了,本篇笔记就到写这,欢迎大家到评论区一起讨论!