前端|Java基础语法学会了，JavaScript瞄一眼就行，瞅第二眼我看不起你！
每个时代，都不会亏待对比学习的人！
Java基础语法学完了，想学前端，可以从它的兄弟JavaScript开始，接下来，我将以一个Java学习者的视角来带你学习JS，最多一小时学会（半个小时学习，半个小时消化）！
文章图片
JavaScript
- 简述
- 1.数据类型
- 2.运算符
- 3.流程控制
- 4.数据结构
- 5.函数
- 6.面向对象(重点)
-
- 6.1 DOM
- 6.2 BOM
- 6.3 自定义对象
- 使用
- 7. 事件(重点)
- 8.正则
简述
javascript，简称js，脚本语言，开发工具推荐vscode，运行环境推荐nodejs。常和html配合实用，来为html页面添加动作！1.数据类型
var 修饰变量名，通过值来推断数据类型
- 声明一个数据类型
- 数据类型分类,可以像Java一样分为基本数据类型和引用数据类型
- 基本数据类型
String：字符串类型，不用多说
Boolean :布尔类型，true，false
Null：空，唯一值是：null
Undefined:未定义的
Number:数字类型
- 引用数据类型
内置对象2.运算符
自定义对象
不同于Java的是，有一对特殊的运算符：=== 和 !== ,不仅比较值，还比较类型3.流程控制
和Java一毛一样，不用看，直接用！4.数据结构
常用的数据结构有数组Array，声明方式和使用和Java一摸一样，直接用！5.函数
在Java中叫做方法，使用起来比较简单!
- 声明
function funName(arg1,arg2){ // 函数体
return xxx;
}
- 使用
var res =funName(a,b)
6.面向对象(重点)
JS的重点在于对象的使用，尤其是指内置的对象，主要包括BOM(浏览器对象模型)，DOM(文档对象模型）！6.1 DOM
- document
文章图片
- history
history.forward()#前进
history.back()#后退
history.go(1)#前进go
history.go(-1)#后退go- location
location.href # 获取当前页面的URL
location.reload() #刷新页面
location.replace('index.html') #跳转到index页面- window
文章图片
# 创建
var coder={ name:"张三",
age:18
job:"法外狂徒"
say:function(){console.log("我是张三！")
}
}
使用
coder.name
coder.job
coder.say()
7. 事件(重点)
就是Java中对象的方法，只不过这些方法已经定义好了，new出对象之后，和对象绑定就可以了！常用事件有：
文章图片
8.正则
正则，使用方式：
- 申明正则规范
var regRule=/xxxx/
- 校验字符串
regRule.test("aaa")
【前端|Java基础语法学会了，JavaScript瞄一眼就行，瞅第二眼我看不起你！】
文章图片
推荐阅读
- JAVA（抽象类与接口的区别&重载与重写&内存泄漏）
- 事件代理
- Java|Java OpenCV图像处理之SIFT角点检测详解
- java中如何实现重建二叉树
- 数组常用方法一
- Python基础|Python基础 - 练习1
- 【Hadoop踩雷】Mac下安装Hadoop3以及Java版本问题
- Java|Java基础——数组
- Jsr303做前端数据校验
- RxJava|RxJava 在Android项目中的使用（一）