Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!

每个时代,都不会亏待对比学习的人!

Java基础语法学完了,想学前端,可以从它的兄弟JavaScript开始,接下来,我将以一个Java学习者的视角来带你学习JS,最多一小时学会(半个小时学习,半个小时消化)!

Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!_第1张图片

JavaScript

  • 简述
  • 1.数据类型
  • 2.运算符
  • 3.流程控制
  • 4.数据结构
  • 5.函数
  • 6.面向对象(重点)
    • 6.1 DOM
    • 6.2 BOM
    • 6.3 自定义对象
  • 使用
  • 7. 事件(重点)
  • 8.正则

简述

javascript,简称js,脚本语言,开发工具推荐vscode,运行环境推荐nodejs。常和html配合实用,来为html页面添加动作!

1.数据类型

  1. 声明一个数据类型

var 修饰变量名,通过值来推断数据类型

  1. 数据类型分类,可以像Java一样分为基本数据类型和引用数据类型
  1. 基本数据类型

String:字符串类型,不用多说
Boolean :布尔类型,true,false
Null:空,唯一值是:null
Undefined:未定义的
Number:数字类型

  1. 引用数据类型

内置对象
自定义对象

2.运算符

不同于Java的是,有一对特殊的运算符:=== 和 !== ,不仅比较值,还比较类型

3.流程控制

和Java一毛一样,不用看,直接用!

4.数据结构

常用的数据结构有数组Array,声明方式和使用和Java一摸一样,直接用!

5.函数

在Java中叫做方法,使用起来比较简单!

  1. 声明
function funName(arg1,arg2){
     
	// 函数体
	return xxx;
}
  1. 使用
var res =funName(a,b)

6.面向对象(重点)

JS的重点在于对象的使用,尤其是指内置的对象,主要包括BOM(浏览器对象模型),DOM(文档对象模型)!

6.1 DOM

  1. document
    Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!_第2张图片

6.2 BOM

  1. history
history.forward()  #前进
history.back()  #后退
history.go(1)   #前进go
history.go(-1)  #后退go

  1. location
location.href # 获取当前页面的URL
location.reload() #刷新页面
location.replace('index.html') #跳转到index页面

  1. window
    Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!_第3张图片

6.3 自定义对象

# 创建
var coder={
     
	name:"张三",
	age:18
	job:"法外狂徒"
	say:function(){
     
		console.log("我是张三!")
	}
}

使用

coder.name
coder.job
coder.say()

7. 事件(重点)

就是Java中对象的方法,只不过这些方法已经定义好了,new出对象之后,和对象绑定就可以了!常用事件有:

Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!_第4张图片

8.正则

正则,使用方式:

  1. 申明正则规范
var regRule=/xxxx/
  1. 校验字符串
regRule.test("aaa")

Java基础语法学会了,JavaScript瞄一眼就行,瞅第二眼我看不起你!_第5张图片

你可能感兴趣的:(前端,javascript,java,html)