前端技术总结系列----JavaScript

前台技术—javaScript

1. 3W原则: what why How
1.1.what
javaScript是一门客户端脚本语言,运行在客户端浏览器中,因为每个浏览器都会携带一个js解析器,所以脚本语言不需要进行编译运行,就可以直接被浏览器解析
前台技术:
html:进行页面展示的,做页面架构的
css :进行页面样式渲染的
javaScript:进行逻辑操作的,可让页面有一些动态效果,用来增强用户体验的

2. js的发展历史
2.1.1992年,Nombase公司,开发了第一门客户端脚本语言,专门用来做表单验证,命名C–,更名为:Scrip
2.2.1995年,网景公司,开发了一门客户端浏览器脚本语言,命名LiveScript.请sun公司的人,参与一起修改设定LiveScript,命名:JavaScript
2.3.1996年,微软抄袭JavaScript开发出JScript
2.4.1997年,ECMA,欧洲计算机制造商协会,制定出客户端脚本语言的规则/标准:ECMAScript,统一了所有客户端脚本语言的编码方式.
3.学习的内容:
JavaScript = ECMAScript + javascript特有的内容(BOM/DOM)
3.1.ECMAScript–>客户端脚本语言的标准
3.1.1.基本语法
(1).与html的结合;
a.内部的js

<script>XXX</script>

b.外部的js

<script src="xxx" ></script> 

  注意:
   1.在html页面中可以定义多个<script>标签
   2.<script>标签,可以定义在html页面中的任意一个位置,但是定义的位置会影响到页面的代码执行顺序

3.1.2.注释
(1).单行注释 //注释内容
(2).多行注释 /注释内容/
3.1.3.数据类型
(1).原始数据类型
number 数字 —>包含整数,小数,NaN,
string 字符串 —>字符内容’abc’,字符串"abc"
boolean ----------> true/false
null ----------------> 给对象为空时做占位符
undefined -------->未定义,如果一个变量只声明没有初始化则会被默认赋值为undefined
(2).引用数据类型
对象
注:可以使用typeof运算符,来判断当前变量的类型 typeof null表示object类型
3.1.4.变量
int a=10; 变量
final int b=10;
java是一种前类型的编程语言,而javaScript是一种弱类型的编程语言,
弱类型是指在开辟内存空间存储数据的时候,不定义当前内存空间的数据据类型,可以存放任意类型的数据;
强类型是指,在开辟内存空间的时候,定义内存空间的数据类型,不可以存放任意类型的数据
var b =10;
var表示变量的声明方式,没有固定的指代
语法: var 变量名 = 初始值 ;
一般如果声明的是变量 let 变量名 = 初始值 ;
一般如果声明的是常量 const 常量名 = 初始值;
3.1.5.运算符
(1).一元运算符
++ – 自增和自减
++:在前–先自增再运算
++:在后–先运算再自增
var a=10
++a;
+(-):正号 (负号)
注意:在js中,如果运算数不是运算时要求的数据类型,那么js引擎会自动将运算数进行数据类型转换
string转number:如果string4
(2).算术运算符
+ - * /
(3).赋值运算符
= += -= *=…
(4).比较运算符
> >= < <= == ===:全等
*

注:
    1.如果类型相同,直接比较字符串比较:如果为字符,则按照字典顺序比较,如果为数字,按照数字大小比较,但都是按位逐一进行比较,直到比较出大小为止.
    2.如果类型不同,先进行类型转换再比较.
    3.==是用来比较数值是否相等的,忽略数据类型,
      ===会在比较之前,先判断数据类型,如果类型相同才会去比较数据**. 			

(5).逻辑运算符
&& 逻辑与
|| 逻辑或
! 取反
(6).三元运算符
boolean ? true :falser
3.1.6.流程控制语句
(1).if…else…
(2).switch
在java中,switch可以允许添加接受的数据类型:byte short int char String(1.7以后) 枚举
在js中,switch可以运行接受的数据类型,为任意的原始数据类型
(3).while
(4).do…while…
(5).for循环
3.1.7.特殊语法
(1).语句一般以分号结尾,如果一行只有一条语句,则可以忽略分号不写
(2).变量定义的时候,使用var关键字,也可以不使用
用var定义的变量,为局部变量,不用var定义的变量为全局变量

4. Java\Script基本对象
   (1).函数对象
   (2).Array数组对象
   (3).boolean对象
   var f= true;
   var f2= new Boolean(true);
   (4).RegExp ---------正则表达式:定义字符串的编写格式
   
   邮箱格式:
   123@briup.com
   ^\d{3}@briup.com$
   ^ [0-9]{3}@briup.com$
   常见的正则表达式合集:
   https://blog.csdn.net/ZYC88888/article/details/98479629