Web基础 ( 四 ) JavaScript 介绍

4.JavaScript

4.1.概念

4.1.1.什么是JavaScript

通过浏览器中内置的解析器，逐行解析执行的一种脚本语言

主要是处理系统使用者的行为逻辑的

4.1.2.与Java语言的比较

1. 代码格式不同

​ Java与HTML无关的格式

​ JavaScript代码是一种文本字符格式，可以直接嵌入HTML文档中

2. 变量声明不同

​ Java是强类型语言，变量都有固定的数据类型

​ JavaScript弱类型语言，由解释器在运行时检查其数据类型

3. 执行方式不同

​ Java语言必须经过编译，生成字节码，然后由java虚拟机来运行

​ JavaScript是脚本语言 由浏览器解释执行

4. 语言类型不同

​ Java是面向对象的程序设计语言，最小程序单位是类定义

​ JavaScript是基于对象的，提供了丰富的内部对象。充斥着大量的函数

4.1.3.组成

主要包括: ECMAScript, BOM, DOM

4.1.4.基本语法

1. JS代码在HTML中运行, 通常写在<script>定界符中

   <script type="text/javascript">
   	// 代码
   </script>
   

2. 代码从上到下依次解释执行（函数代码除外）

3. 区分大小写, 支持驼峰式写法

4. 以";"分号结尾(不是必须的)

5. 注释 // /* */

6. 标识符（变量，函数，属性等）可以以字母，下划线，$开头的

7. 流程结构语法与Java基本相同

4.2.变量

4.2.1.修饰符

JS是弱类型语言, 定义变量时可以使用统一的修饰符

var : 可以修改，如果不初始化会输出undefined，不会报错。但存在越域问题

let : 块级作用域，函数内部使用let定义后，对函数外部无影响。ES6支持

const : 不可以修改，而且必须初始化。相当于 Java的 final 常量

不修饰 : 默认为全局的变量.

4.2.1.1.let

// var 声明的变量往往会越域
for(var j = 0 ;j < 3 ; j++){
    console.log(j)
}  
console.log(j)

// let 声明的变量有严格局部作用域  
for(let i = 0;i < 3 ; i++){
    console.log(i)
}  
console.log(i)  // Uncaught ReferenceError: i is not defined

4.2.1.2.const 常量不能修改

const a = 1;
a = 3; //Uncaught TypeError: Assignment to constant variable.

4.2.2.赋值类型

使用 typeof() 进行变量类型判断