JavaScript-CSDN博客

本文链接：https://blog.csdn.net/qq_52821374/article/details/117702350

基础

概念：一门客户端脚本语言。运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎。

脚本语言：不需要编译，直接就可以被浏览器解析执行了。

功能：增强用户和html页面的交互功能，控制html元素，让页面有动态效果。

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

ECMAScript

基本语法：

1.与html的结合方式：

1.内部JS：<script>，标签体内容就是js代码。可以放在任何位置，影响执行顺序。

<script>
    alert("你好啊!")
</script>

2.外部JS：<script>，通过src属性引入外部的js文件。

<script src="a.js"></script>

注意：<script>标签可以定义多个。

2.注释：和Java一样。

3.数据类型：

1.原始数据类型：基本数据类型

number：整数、小数、NaN（not a number）

string：字符串。

boolean：true/false

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

undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined。

2.引用数据类型：对象

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

JavaScript是弱类型语言。在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

语法：var 变量名 = 初始化值;

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

5.运算符

1.一元运算符：只有一个运算数的运算符（++、--、+、-）（+、-是正负号）

++(--) 在前，先自增(自减)，再运算；++(--) 在后，先运算，再自增(自减)。

换。在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转。string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）。boolean转number：true转为1，false转为0。

2.算术运算符：+、-、*、/、%

3.赋值运算符：=、+=、-=

4.比较运算符：>、<、>=、<=、==、===

类型相同：直接比较。字符串：按照字典顺序比较。按位逐一比较。

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

===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false

5.逻辑运算符：&&、||、！

其他类型转boolean：

number：0或NaN为假，其他为真

string：除了空字符串("")，其他都是true

null和undefined：都是false

对象：所有对象都为true

6.三元运算符：表达式? 值1:值2;

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

6.流程控制语句：

if

switch

注意：在JS中,switch语句可以接受任意的原始数据类型。

while

do...while

for

7.JS特殊语法：

语句以;结尾，如果一行只有一条语句则 ;可以省略

变量的定义使用var关键字，也可以不使用。用：定义的变量是局部变量；不用：定义的变量是全局变量(不建议)。

基本对象

1.Function：函数(方法)对象

1.创建：方法定义时，形参类型不用写。

function 方法名称(形式参数列表){
方法体
}

var 方法名 = function(形式参数列表){
方法体
}

2.方法：

3.属性：length:代表形参的个数

4.特点：

1. 方法定义时，形参的类型不用写,返回值类型也不写。
2. 方法是一个对象，如果定义名称相同的方法，会覆盖
3. 在JS中，方法的调用只与方法的名称有关，和参数列表无关
4. 在方法声明中有一个隐藏的内置对象（数组），arguments,封装所有的实际参数

5.调用：方法名称(实际参数列表);

2.array对象：

1.创建：

var arr = new Array(元素列表);
var arr = new Array(默认长度);
var arr = [元素列表];

2.方法：

join(参数)：将数组中的元素按照指定的分隔符拼接为字符串。
push()：向数组的末尾添加一个或更多元素，并返回新的长度。

3.属性：length:数组的长度。

4.特点： JS中，数组元素的类型可变的； JS中，数组长度可变的。

3.boolean

4.Data

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)：把数四舍五入为最接近的整数。

6.RegExp：正则表达式对象

1.正则表达式：定义字符串的组成规则。

单个字符:[]   如： [a] [ab] [a-zA-Z0-9_]

特殊符号代表特殊含义的单个字符:\d:单个数字字符 [0-9]   \w:单个单词字符[a-zA-Z0-9_]

量词符号：?：表示出现0次或1次
                     *：表示出现0次或多次
                     +：出现1次或多次
                     {m,n}:表示 m<= 数量 <= n
                     m如果缺省： {,n}:最多n次 n如果缺省：{m,} 最少m次

开始结束符号：开始：^ 结束$

2.正则对象

创建：

var reg = new RegExp("正则表达式");

var reg = /正则表达式/;

方法：test(参数):验证指定的字符串是否符合正则定义的规范

7.Global

1.特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();

2.方法：

encodeURI():url编码
decodeURI():url解码

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