JAVA-WEB（二）：JavaScript、VUE

一、JavaScript

1. 什么是JavaScript

简称JS，作用：是给页面添加动态效果

语言特点：

• 属于脚本语言，不需要编译直接由浏览器解析执行

• 基于面向对象

• 弱类型语言

• 安全性强：JS语言由于是运行在客户端电脑上的语言，所以JS语言只能访问浏览器内部的数据，浏览器以外的数据是禁止访问的.

• 交互性强：因为JS语言是嵌入到html页面中，最终执行在客户端电脑里面的，和用户近距离接触，所以交互性更强。

2. 如何在html页面中添加JS代码

三种引入方式：

• 内联：在标签的事件属性中添加JS代码，当事件触发时执行

  • 事件：系统给提供的一些特定的时间点

  • 点击事件：当用户点击元素时触发的时间点

• 内部：在html页面中的任何位置添加script标签，在标签里面写JS代码

• 外部：在单独的JS文件中写JS代码，然后在html页面中通过script标签的src属性引入

3. 语法

3.1 变量

• JS语言属于弱类型语言

  • Java强类型：int x=10; String s = "abc"; x="xxx"; 报错

  • JS弱类型：let x=10; let s = "abc"; x="xxx"; 正常 不报错

• let和var声明变量的区别

  • let声明变量的作用域和Java语言类似

  • var声明变量的作用域是全局的

java:
for(int i=0;i<10;i++){
int j = i+1;
}
int x = j+i; //报错 j和i超出作用域

JS:let
for(let i=0;i<10;i++){
let j = i+1;
}
let x = j+i; //不报错但是访问不到j和i(超出了作用域)

JS:var
for(var i=0;i<10;i++){
var j = i+1;
}
var x = j+i; //不报错而且可以访问到j和i的值

3.2. 数据类型

• JS语言中只有对象类型

• 常见的对象类型包括：

  • string字符串：可以通过单引号或双引号修饰

  • number数值：相当于Java中所有数值类型的总和

  • boolean布尔值：true/false