初识JS

268 阅读2分钟

什么是JS(JavaScript)

JS是一种运行在客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。浏览器就是一种运行JS脚本语言的客户端,JS的解释器被称为JS引擎,为浏览器的一部分。

JS的组成

JavaScript 是由 ECMAScript,DOM 和 BOM 三者组成的。

  1. ECMAScript: 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型;
  2. DOM (Document Object Model): 文档对象模型;
  3. BOM (Browser Object Model): 浏览器对象模型

JS的书写方式

行内式(不常用)

<div onclick=""></div>

内嵌式

<body>
    <script>
        alert('hello world')
    </script>
</body>

外链式

<script src="main.js"></script>

js 定义变量

1. 什么是变量?

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据,变量相当于一个容器,内部可以存储任意类型的数据。

2. 如何定义变量

使用一个 var 的关键字进行定义,后面必须加一个空格,空格后面自定义变量名,如:var a;

3. 变量的赋值

默认存储值叫 undefined(未定义) 表示内部未赋值,但可以存储数据了

通过等号 = 赋值,等号右边的值赋值给左边的变量 ,(等号在 JS 中叫做 赋值号;书写时,等号 = 两侧习惯书写一个空格)

4. 变量定义并赋值

var a = 200;

5. 如何使用变量

console.log(a) // 将变量 a 的值, 打印在控制面板

6. 变量命名规则

由字母、数字、下划线、$符号组成,不能以数字开头;字母区分大小写;不能是关键字和保留字。(关键字指的是js中有特殊功能的小词语,比如var、for等;保留字指的是现在没有特殊功能,但是将来新语法中有可能作为关键字使用)

js 数据类型(以基本数据类型为主)

  1. Number 数字类型: 不区分整数、浮点数、特殊值,都是 Number 类型;
  2. String 字符串类型: 所有的字符串都是 String 类型;
  3. undefined 类型:ndefined本身就是一个数据,表示未定义,变量只声明不赋值的时候,值默认是 undefined;
  4. Boolean 布尔类型: Boolean 字面量:只有 true 和 false 两个字面量的值,必须是小写字母 true 为 1,false 为 0 (非零即为真);
  5. null null类型:null 本身就是一个数据,从逻辑角度,null 值表示一个空对象指针,如果定义的变量准备在将来用于保存对象,最好该变量初始化为 null。

数据类型检测

使用 typeof 的方法进行数据检测,在 typeof 后面加小括号执行,将要检测的数据放在小括号内部:typeof(要检测的数据)