JavaScript基础

简介

• JavaScript 是目前前端最流行的脚本语言，适用于 HTML 和 Web。
• 它是一种轻量级的编程语言。
• 可以很好的帮助我们操作 HTML 内容进行改变

1. 初识JavaScript

• 浏览器执行 JavaScript
  • 渲染引擎：用于解析 HTML 和 CSS
  • JS引擎：也称为 JavaScript 解析器，用来读取网页中的 JavaScript 代码，对其进行处理后执行
• 浏览器本身并不会执行js代码，但是通过内置 JavaScript引擎(解释器)，来执行 js 代码，js引擎在执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript 语言被称为脚本语言，逐步解释执行。

2. 组成部分

ECMAScript:JavaScript 语法

DOM:文档对象模型

BOM:浏览器对象模型

3. JavaScript 用法

• 像 css 一样 也分行内、外部与内嵌的方式

1. 在 script 标签中
<script>alert("弹窗")</script>
2. 在script 中通过 src的方式引入
<script src="./index.js"></script>
3. 内嵌式
<button type="button" value="hello" onclick="alert("hello world")">按钮</button>

4. 注释

// 第一种行内注释
/*
	第二种多行注释
*/

5. 输出语句

alert(msg) // 会在浏览器弹出窗口
console.log(msg) // 浏览器控制台输出消息
prompt(info) // 浏览器弹出输入框 用户可以输入内容

6. 数据类型

1. 数字类型 Number
	3.14
	10001

2. 字符串 String - 用单引号多引号包括起来的
	"hello world"
	'hello world'

3. 布尔类型 Boolean
	true 真
	false 假
4. 数组 Array 以逗号分割
	[1,2,3,'4',true]
5. 对象 Object 
	对象是以键值对的形式
    {
        key:value
    }
6. undefined 变量未初始化
7. Null 空的对象指针
8. symbol 是ES6 新增的基础数据类型 (后面加)

7. 变量

• 变量 是 存储一些信息的“容器”，像我们需要把一些信息记录下来，来回使用的时候就可以采用变量的方式。这样方便我们后期查找以及做修改。
  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头
  • 变量名称对大小写敏感

var x = 5 // 这样我们就把 5 这个数字赋值给了x 变量 ,这样我们在打印的时候就会得到5
console.log(x) // 5
let // 像 var 一样也是声明变量的一种方式
const // 声明一个常量 不可修改 而const必须在声明时初始化常量；

• let 和 var 的区别

1. var 是函数作用域，let 是 块作用域，比如在for循环内定义一个var 变量，实际在for外面也是可以访问的；
	而let 属于块作用域，在其外部就不可访问
    for(var i=0;i<10;i++){}
    console.log(i) // 10
    for(var j=0;j<10;j++){}
    console.log(j) // 报错
2. let 不能在定义之前访问该变量，但是 var 可以
	console.log(a) // 报错
	let a
    console.log(b) // undefined
    var b = 10
    let 必须先声明在调用，而var先使用后声明也行，只不过在直接使用的时候会返回一个 undefined ，这是因为var 是有一个变量提升的过程，当整个函数作用域被创建时，var的变量都会被创建，并且如果调用时还没被创建就会默认初始化一个 undefined。
3. let 不能重新定义 而 var 可以
	var a = 100
    console.log(a) // 100
	var a = 200
    console.log(a) // 200
	let b = 100;
 	console.log(b) // 100
	let b = 200 // 这个时候就会提升你报错，因为let不可以被重新定义

未完待续…