【JavaScript】 基础知识篇（变量、注释、系统提供的对象等）

【JavaScript】 基础语法（变量、注释等）

JavaScript 历史

创始人：布兰登● 艾奇（Brendan Erich，1961年~）
1995年利用10天完成JavaScript的设计
网景公司最初命名LiveScript，后来和Sun合作改名为JavaScript。

运行在客户端的脚本语言

脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行

浏览器分成两部分 ：渲染引擎（用来解析HTML与CSS，俗称内核）和JS引擎（也称JS解析器）

JavaScript 基础语法

JavaScript负责页面中的的行为。它是一门运行在浏览器端的脚本语言。

JS的编写的位置

1.可以编写到标签的指定属性中

<button onclick="alert('hello');">我是按钮</button>
<a href="javascript:alert('aaa');">超链接</a>

注意单双引号的使用：在HTML中推荐使用双引号，JS中推荐使用单引号

2.可以编写到script标签中

<script type="text/javascript">
// 编写js代码（全局的）
</script>

3.可以将代码编写到外部的js文件中，然后通过标签将其引入

<script type="text/javascript" src="文件路径"></script>

输出语句

alert(“要输出的内容”);

该语句会在浏览器窗口中弹出一个警告框。

注：如果写入多个变量，只会输出第一个变量的值。

document.write(“要输出的内容”);

该内容将会被写到body标签中，并在页面中显示。

console.log(“要输出的内容”);

该内容会被写到开发者工具的控制台中。

系统提供的对象

window对象下面的方法，在使用时可以省略window不写。

window.prompt()

prompt('系统的提示信息','文本框中的提示信息'); ：输入弹框

第一个值：系统的提示信息；

第二个值：文本框中的提示信息（提示值）；

数据是字符串类型

window.alert()

警告框

window.confirm()

选择框。选择确认输出真的true，取消输出假的false

window.confirm("您确认要删除吗？")

console对象：浏览器下面控制面板中的一个对象。

log方法：将括号里面的信息输出到浏览器控制面板的console面板下，多个信息中间可以逗号分割。

document对象：显示操作html和css的页面内容的区域，代码html页面。

write方法：将括号里面的信息输出到浏览器的文档区，可以解析html标签。

document.write('<strong>123456</strong>');

基本的语法

注释

单行注释

// 注释内容

快捷键：Ctrl+/

多行注释

/*
    注释内容
  */	

快捷键：Shift+Alt+A

在vscode编写代码建议改为Ctrl+Shift+/更方便

JS严格区分大小写
JS中每条语句以分号(;)结尾
JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

字面量和变量

字面量

字面量实际上就是一些固定的值，比如 1 2 3 4 true false null NaN "hello"字面量都是不可以改变的。

由于字面量不是很方便使用，所以在JS中很少直接使用字面量。

变量

变量可以用来保存字面量，并且可以保存任意的字面量。

一般都是通过变量来使用字面量，而不直接使用字面量，而且也可以通过变量来对字面量进行一个描述。

变量在内存中存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。

声明变量

使用var（variable:变量的意思）关键字来声明一个变量，声明变量后，计算机会自动为变量分配内存空间。

var a; // a 为程序员定义的变量名，我们要通过变量名来访问内存中分配的空间
var b;
var c;

同时声明多个变量

var a = 10, name = 'zs',sex = 2;

为变量赋值

a = 1;
b = 2;
c = 3;

声明和赋值同时进行（或叫为变量的初始化）

var d = 456;
var e = 789;

更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

var a = 10;
a = 20;
console.log(a);// 20

特殊情况

情况	结果
只声明，不赋值	undefined
不声明，不赋值，直接使用	报错
不声明，只赋值	0

标识符

在JS中所有的可以自主命名的内容，都可以认为是一个标识符，是标识符就应该遵守标识符的规范。比如：变量名、函数名、属性名。

规范：

标识符中可以含有字母、数字、_、$
标识符不能以数字开头
标识符不能是JS中的关键字和保留字
标识符一般采用驼峰命名法（xxxYyyZzz）

关键字：是指JS本身已经使用了的字，不能再用他们充当变量名、方法名。
如：break、case、catch、for、in、void、while、with、function、default、new、return、this等

保留字：实际上就是预留的"关键字"。
如：boolean、byte、char、const、extends、long、public、super、goto、export、static等。

案例：交换两个数的值

// 交换两个数的值
var a = 10 ,b = 20 ,c;
c = a;
a = b;
b = c;
console.log(a,b);// 20 10