JavaWeb——JavaScript基础学习

最新推荐文章于 2021-07-14 20:24:42 发布

anrui0

最新推荐文章于 2021-07-14 20:24:42 发布

阅读量128

点赞数

分类专栏： JavaWeb入门学习

本文链接：https://blog.csdn.net/anrui0/article/details/118654698

版权

JavaWeb入门学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

JavaScript的认识

1.概念：一门客户脚本语言
*运行在客户浏览器中的。每一个浏览器都有JavaScript的解析引擎
*脚本语言：不需要编译，直接可以被浏览器解析执行。
2.功能：
*可以用来增强用户和html的交互过程，可以控制HTML元素，让页面有一些动态效果，增强用户的体验

ECMAScript语法与对象

基本语法

1.与html的结合方式
*内部JS:
定义<script>，标签体内容就是JS代码
*外部JS
定义<script>,通过scr属性引入外部JS文件
*注意：
1.<script>可以定义在html页面的任何地方。但定义的位置会影响执行的顺序。
2.<script>标签可以定义多个
2.注释
*单行注释：//注释内容
*多行注释：/*注释内容*/ /*
3.数据类型
*原始数据类型（基本数据类型）
1.number：数字。整数/小数/NaN（not a number 一个不是数字的数字类型）
2.string：字符串。字符/字符串 'abc' "abc" 单引双引都行
3.Boolean： true或false
4.null：一个对象为空的占位符
5.undefined：未定义。如果一个变量没有给初始化值，就会被默认赋值为undefined
*引用数据类型：对象
4.变量
*变量：一小块存储数据的内存空间
*Java语言是强类型的语言，而JavaScript弱类型的语言。
强类型语言是在开辟存储空间时定义了空间将来存储的数据类型，未来只能存储固定的数据类型
弱类型是在开辟存储空间时没有定义了空间将来存储的数据类型，可以存放任意数据类型
*语法：
*var 变量名=初始化（可有可无）;
5.运算符
1.一元运算符：只有一个运算数的运算符
++，--，+（正号），+3
*++ --：自增（自减），符号在前，先自增再运算。符号在后，先运算再复制
注意：再js中，如果运算数不是运算符所要求的类型，那么js引擎会自动将运算数转化为number类型。
string转number：按照字面进行转化。如果字面不是数字，则转为NaN（不是数字的数字）
如 var a=+'123' var b='abc' 前者转化为123的number类型。后者转化为NaN。NaN与任何数做运算还是NaN
boolean转数字：true转为1，false转为0.
2.算数运算符
+，-，*，/，%
3.赋值运算符
=，+=，-=...
4.比较运算符
> < <= == ===(全等于)
1.类型相同：直接比较
*字符串：按照字典顺序比较。按位注意比较，直到得出大小
2.类型不同：先进行类型转化，在比较
*===：全等于。在比较之前先判断类型。类型不一样直接返回false
5.逻辑运算符：
&& || ！
*其他类型转boolean：
1.number：0或NaN为假，其他位真
2.string：除了空字符串（不是null而是""）为假，其他都为真
3.null&undefined：都是false
4.d对象：说有对象都是true
6.三元运算符
？ : 表达式
var a=3
var b=4
var c=a>b? 1:0
6.流程控制语句
1.if...else
2.switch
*在Java中，switch语句接受的的数据类型：byte int short char 枚举 String
*在js中，switch可以接受任意数值类型。
3.while
4.for
5.do...while
7.js特殊语法
1.语句以分号结尾，如果一行只有一条语句；可以省略（不建议）
2.变量的定义使用var关键字，也可以不使用
用：定义的变量是局部变量
不用：定义的变量是全局变量(不建议使用)

基本对象

Function：函数对象
1.创建
1. var fun=new Function(形式参数列表，方法体)(没啥用，可以忘记，并不符合我们定义方法的逻辑)
2.function 方法名称(形式参数列表){方法体}
3.var 方法名=function(形式参数列表){方法体}
注意：var fun3= function (a,b) 第三种的定义方法中没有new，写了会出错
2.方法
3.属性
length属性代表形参个数
4.特点
1.方法定义时，形参的类型不用写
2.方法是一个对象，如果定义名称相同的方法，会覆盖之前的方法
3.在js中方法的调用与方法的名称有关，与方法的形参列表无关
4.在方法声明中有一个隐藏的的内置对象（数组），arguments，封装所有的实际参数
5.调用
方法名(实参列表)

Array
1.创建
1.var arr=new Array(元素列表)
2.var arr= new Array(默认长度)
3.var arr=[元素列表];
2.方法
join()：将数组的元素按照指定的分隔符拼接成为字符串,默认用逗号，arr4.join("")无分隔符
push()：向集合的尾部添加一个或更多的元素，用返回新长度
3.属性
4.特点
1.js中，数组的元素类型是可变的。
2.在js中，数组的长度时可变的。

Date
1.创建
1.var arr=new Array(元素列表)
2.var arr= new Array(默认长度)
3.var arr=[元素列表];
2.方法
join()：将数组的元素按照指定的分隔符拼接成为字符串,默认用逗号，arr4.join("")无分隔符
push()：向集合的尾部添加一个或更多的元素，用返回新长度
3.属性
4.特点
1.js中，数组的元素类型是可变的。
2.在js中，数组的长度时可变的。

Math
1.创建:
*特点：该对象不用创建直接可以使用。 Math.方法名()
2.方法
random()：返回0~1之间的一个随机数。包含0不包含1
ceil()：对数字进行向上舍入成整数
floor()：对数字进行向下舍入成整数
round()：把数四舍五入成整数
3.属性：
PI

RegExp：正则表达式对象
1.正则表达式：定义字符串的组成规则。
1单个字符：[]
如：[a],[ab],[a-z],[a-zA-Z0-9]//a,a或b，a到z，a到z A到Z 0到9
*特殊的符号代表特殊含义的字符
\d:单个数字字符[0-9]
\w:单个单词字符[a-zA-Z0-9]
2.量词符号：
?：表示出现0次或1次
*：表示出现0次或多次
+：表示出现1次或多次
{m,n}：表示次数 m<=数量<=n
*m如果缺省：{，n}：表示最多出现n次
*n如果缺省：{m ，}：表示最少出现m次
\w*：表示由单词字符构成单词字符出现0次或多次
var reg1=new RegExp("\\w{0,20}")
var reg2=/\w{6,12}/ //以单词符号开头，单词符号结尾,建议使用
3.开始结束符号
*^：开始
*$：结束
2.正则对象
1.创建
1.var reg=new RegExp("正则表达式")
2.var reg=/正则表达式/
2.方法
1.test(参数)；验证指定字符串是否符合正则的规范

Global
1.特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用. 方法名();
2.方法：
下面两种方法的编码跟节码方式都相同，不同的是第二种的编码方式编码的字符更多不单单是中文
encodeURI()：url编码
decodeURI：url解码

encodeURIComponent()：url编码
decodeURIComponent()：url解码

parseInt()：将字符串转化为数字
*注意判断每一字符串是否为数字，直到不是数字为止，将前面的数字部分转化为number。一开始没有数字直接NaN

isNaN()：判断一个值是否为NaN
*NaN六亲不认，连自己都不人，NaN参与的等等运算全部都为false

eval()：将JavaScript字符串，转化为脚本代码执行
如：var jscode="alert(102)";
eval(jscode);
执行的就是字符串中写出的代码，跳出弹窗。
3.url编码
一个中文GBK站2字节，utf 8占3字节。将中文写成二进制格式，每4位转化为一个16进制数字。每两个数字用一个%号过去隔开来。