JavaScript基础

最新推荐文章于 2024-08-08 23:04:40 发布

最讨厌写注释

最新推荐文章于 2024-08-08 23:04:40 发布

阅读量77

点赞数

分类专栏： Javaweb 文章标签： javascript 前端 html java

本文链接：https://blog.csdn.net/qq_57484715/article/details/128674702

版权

Javaweb 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

概念

是一门客户端脚本语言

运行在客户端浏览器中，每一个浏览器都有解析引擎，不需要编译就可以直接运行

功能

增强用户和html页面的交互过程，可以控制html元素让页面有动态效果，增强用户的体验

JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

ECMAScript

基本语法

1、同html结合：

内部定义JS：

外部定义JS：

定义<script>，通过src属性引入外部的js文件

注意：

2、数据类型

原始数据类型

number：数字

string：字符串

boolean：true和false

null：一个对象为空的占位符

undefined：未定义，一个变量没有给初始值，就会自动默认赋值

引用数据类型

对象

3、变量

变量：一小块存储数据的内存空间

Java语言是强类型语言，而JavaScript是弱类型语言

强类型：在开辟存储空间时，定义了空间将来的存储类型，只能存储固定类型的数据

弱类型：在开辟粗出空间时，不定义空间将来的存储类型，可以存储任意类型的数据

语法：

var 变量名=初始化值；

typeof 运算符：获取变量的类型

null运算后得到的是object

4、运算符

一元运算符：只有一个运算数的运算符

在JS中如果运算数不符合要求的类型，那么js引擎会自动的将运算数进行数据类型的转换

其他类型转number：按照字面值转换，如果字面值不是数字，那么就转为NaN

boolean转为number：true转为1，false转为0

比较运算符：> < >= <= == ===(全等于)

字符串：按照字典顺序比较，按位逐一比较，直到比较出大小为止

类型不同：先进行类型转换，再进行比较

逻辑运算符：&& || !

三元运算符：？：表达式

语法：

表达式？值1：值2；

判断表达式的值，如果为true则取1，false则取2

流程控制语句：

                1. if...else...
                2. switch:
* 在java中，switch语句可以接受的数据类型： byte int shor char,枚举(1.5) ,String(1.7)
* switch(变量):
case 值:
* 在JS中,switch语句可以接受任意的原始数据类型
                3. while
                4. do...while
                5. for

JS的特殊语法

以分号结尾

定义变量可以使用var 也可以不使用；

用：定义的是局部变量不用：定义的是全局变量

基本对象

1、Function对象：函数方法对象

创建：

function 方法名称（形式参数列表）{

方法体

}

var 方法名=function（形式参数列表）{

方法体

}

方法：

属性：

length：代表形参个数

特点：

形参的类型不用写，返回值的类型也可以不用写

方法是一个对象，如果定义名称相同的方法，只会覆盖，不会报错

方法调用只同方法的名称有关，和参数列表无关（为传的参数会直接带入undefined）

在方法声明中有一个隐藏的内置对象数组，argument，封装所有的实际参数

调用

2、Array数组对象

创建：

var arr = new Array(元素列表);

var arr = new Array(默认长度);

var arr = [元素列表];

方法：

join：将数组中的元素按照指定的分隔符作为拼接字符串

push：向数组的末尾添加一个或者多个元素，并返回新的长度

属性：

length数组的长度

特点：

JS中数组元素的类型是可变的；

JS中数组长度的是可变的；

boolean

4. Date：日期对象
1. 创建：
var date = new Date();

2. 方法：
toLocaleString()：返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
5. Math：数学对象
1. 创建：
* 特点：Math对象不用创建，直接使用。 Math.方法名();

2. 方法：
random():返回 0 ~ 1 之间的随机数。含0不含1
ceil(x)：对数进行上舍入。
floor(x)：对数进行下舍入。
round(x)：把数四舍五入为最接近的整数。
3. 属性：
PI
6. Number
7. String
8. RegExp：正则表达式对象
1. 正则表达式：定义字符串的组成规则。
1. 单个字符:[]
如： [a] [ab] [a-zA-Z0-9_]
* 特殊符号代表特殊含义的单个字符:
\d:单个数字字符 [0-9]
\w:单个单词字符[a-zA-Z0-9_]
2. 量词符号：
?：表示出现0次或1次
*：表示出现0次或多次
+：出现1次或多次
{m,n}:表示 m<= 数量 <= n
* m如果缺省： {,n}:最多n次
* n如果缺省：{m,} 最少m次
3. 开始结束符号
* ^:开始
* $:结束
2. 正则对象：
1. 创建
1. var reg = new RegExp("正则表达式");
2. var reg = /正则表达式/;
2. 方法
1. test(参数):验证指定的字符串是否符合正则定义的规范
9. Global
1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();
2. 方法：
encodeURI():url编码
decodeURI():url解码

encodeURIComponent():url编码,编码的字符更多
decodeURIComponent():url解码

parseInt():将字符串转为数字
* 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number（如果前面的没有数字，那么直接返回的是NaN，不会将后面的数字转换）
isNaN():判断一个值是否是NaN
* NaN六亲不认，连自己都不认。NaN参与的==比较全部问false

eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。
3. URL编码
传智播客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2