JavaScript_javascript csdn-CSDN博客

本文链接：https://blog.csdn.net/2201_75456927/article/details/141283412

一.JavaScript引入方式

1.1 内部脚本

将 JS代码定义在HTML页面中，JavaScript 代码必须位于标签之间。
在 HTML 文档中可以在任意地方，放置任意数量的。
一般把脚本置于元素的底部，可改善显示速度，因为脚本执行会拖慢显示。

1.2 外部脚本

将 JS代码定义在外部 JS文件中，通过标签引入到 HTML页面中
标签要么用于定义内部脚本，要么用于引入外部js文件，不能混用
标签不能自闭合

二.JavaScript基础语法

2.1 JavaScript的书写语法

区分大小写
每行结尾的分号可有可无
注释：单行注释：// 注释内容，多行注释：/* 注释内容 */

2.2 JavaScript的三种输出方式

弹出警告框：window.alert("hello JS ~");
输出数据到页面： document.write("hello JS ~");
输出到浏览器控制台：console.log("hello JS ~");

2.3 JavaScript定义变量

JavaScript 中用 var 关键字（variable 的缩写）来声明变量
JavaScript 是一门弱类型语言，变量可以存放不同类型的值
ES 6 新增了 let 关键字来定义变量。它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明
ES6 新增了 const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。

2.4 JavaScript数据类型

原始类型

number：数字（整数、小数、NaN(Not a Number)）

string：字符、字符串，单双引皆可

boolean：布尔。true，false

null：对象为空

undefined：当声明的变量未初始化时，该变量的默认值是 undefined

引用类型

就是对象。Object Date 等

使用 typeof 运算符可以获取数据类型

2.5 JavaScript运算符

一元运算符：++，--
算术运算符：+，-，*，/，%
赋值运算符：=，+=，-=…
关系运算符：>，=，<=，!=，==，===…
逻辑运算符：&&，||，!
三元运算符：条件表达式 ? 值1 : 值2；

2.6 JavaScript全局函数

其他类型转换为数字：parseInt(数值)，将参数数值转换为整数，从左向右解析，遇到非数值就停止解析。

如果字面值不是数字，则转为NaN。

布尔类型转换为整数：Number()，true 转为1，false 转为0
其他类型转为 boolean：Boolean(value)

number：0和NaN转为false，其他的数字转为true
string：空字符串转为false，其他字符串转为true
null:转为false
undefined：转为false

在JavaScript中有全局函数概念：不归属任何对象，即可以理解为不需要任何对象就可以调用的函数；注意：所有的全局函数都可以使用浏览器窗口对象调用，即window对象调用，但可以省略不写。

2.7 JavaScript流程控制语句

if
switch
for
while
do…while

2.8 JavaScript函数(重点)

定义：JavaScript 函数通过 function 关键词进行定义

形式参数不需要类型。因为JavaScript是弱类型语言
返回值也不需要定义类型，可以在函数内部直接使用return 返回即

调用：JavaScript中，函数调用可以传递任意个数参数

三.JavaScript对象

3.1 数组对象Array

3.1.1 定义格式一

3.1.2 定义格式二

3.1.3 常见属性和函数

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

3.2 正则对象RegExp

直接量：注意不要加引号

var reg = /^正则表达式符号$/;

创建 RegExp 对象

var reg = new RegExp("^正则表达式符号$");

方法

test(str)：判断指定字符串是否符合规则，返回 true或 false

语法

需求：使用正则表达式验证指定的字符串是否满足长度是6.

3.3 String对象

定义

let 变量名 = new String(s); //方式一

let str = new String("hello");

let 变量名 = s; //方式二

let str = "hello" ; let str = 'hello';

属性

length 字符串的长度

方法

charAt() 返回在指定位置的字符

indexOf() 检索字符串

3.4 自定义对象(重要)

格式

实例