JavaScript(JS基础)

发布于:2025-03-13 ⋅ 阅读:(17) ⋅ 点赞:(0)

在有其他编程语言基础的情况下耗时2天可以学完


目录

00、书写位置

01、输入输出语句

02、变量

03、数组

04、常量

05、数据类型

06、检查数据类型

07、类型转换

08、比较运算符

09、数组操作

10、函数

11、匿名函数

12、对象

13、内置对象


00、书写位置

1>内部式

        script标签包裹

        写在/body标签上方

2>外部式

        通过script标签引入

        忽略script标签之间的代码

3>行内式

        写在标签内部

01、输入输出语句

1>输入prompt('提示信息')【显示一个对话框,对话框包含一条文字信息,提示用户输入】

2>输出

        document.write('要出的内容')【向body内输出内容】

        alert('要出的内容')【页面弹出警告对话框输出内容】

        console.log('要出的内容')【控制台输出内容】

02、变量

1>声明变量:let 变量名

2>命名规范:只能用下划线、字母、数字、$,且数字不能开头;区分大小写

03、数组

声明数组:let 数组名=[数据1,数据2,...]

04、常量

1>声明常量:const 常量名

2>注意: 常量不能重新赋值,声明时必须初始化

05、数据类型

1>基本数据类型:number数字、string字符串、boolean布尔、undefined未定义、null空

2>引用数据类型:object对象


3>字符串类型:

        1)定义:单引号、双引号或反引号包裹;单引号和双引号没有区别,推荐使用单引号

        2)嵌套:单引号、双引号可以互相嵌套

        3)转义符:必要时可以使用转义符\

        4)字符串拼接:+运算符可以实现字符串拼接

        5)模板字符串:反引号包裹字符串,字符串中${}包裹变量【拼接字符串和变量】

4>未定义类型:表示没有赋值

5>空类型:表示已经赋值,但是内容为空

06、检查数据类型

typeof 变量

07、类型转换

1>类型转换的原因:输入自动识别为String

2>隐式转换

        1)+运算符两边有字符串,会把另外一个转成字符串

        2)除+以外的算术运算符会把数据转成数字类型

        3)+运算符作为正号可以转换成数字型

3>显式转换

        Number(数据)

        parselnt(数据)【只保留整数】

        parseFloat(数据)【可以保留小数】

08、比较运算符

===:左右两边是否类型和值都相等

!==:左右两边是否不全等

注意:NaN不等于任何值,包括它本身

尽量不要比较小数,因为小数有精度问题

不同类型间比较会发生隐式转换(最终把数据转换成number再比较)

09、数组操作

1>增

        arr.push(元素表)【在数组末尾添加元素,返回数组新长度】

        arr.unshift(元素表)【在数组开头添加元素,返回数组新长度】

2>删

        arr.pop()【删除最后一个元素,返回该元素】

        arr.shift()【删除第一个元素,返回该元素】

        arr.splice(起始位置,删除几个元素)【起始位置从零开始,不写删除几个默认删到最后】

3>排序

        arr.sort(function(a,b){return a-b})【升序】

        arr.sort(function(a,b){return b-a})【降序】

10、函数

function 函数名(){函数体}【默认参数:参数表中参数可以初始化,设置默认值】

11、匿名函数

1>声明:function(){函数体}

2>调用:

        函数表达式:将匿名函数赋值给一个变量,通过变量进行调用,变量名(实参列表)

        立即执行函数:(function(形参列表){函数体})(实参列表)

12、对象

1>声明对象:let 对象名={属性名:属性值,方法名:匿名函数}

2>遍历对象:

        for (let k in obj) {

        console.log(k) //输出属性名

        console.log(obj[k]) //输出属性值

        }

13、内置对象

Math.等