JavaScript总结(一)
admin
2024-01-28 21:22:41
0

一、概述

1、组成:ECMAScript语法、BOM、DOM

2、js原理

渲染引擎:解析HTML和CSS,俗称浏览器的“内核”

js引擎:称为js解析器,用来运行js语言

3、位置:script标签中、页面的标签中、单独的js文件

二、数据类型

1、基本类型:Number、Bigint、String、Boolean、null、undefined、symbol

2、引用类型:Object

3、typeof运算符:返回变量的数据类型

4、类型转换

(1)字符串转换

调用String(变量)函数

alert(value);将value转换为字符串类型,然后显示

(2)数字转换:调用Number()函数

(3)布尔转换:调用Boolean()函数

交互:alert()、prompt('提示信息', [默认值])、confirm('提示信息')

三、运算符

1、算数运算符:+、- 、 *、 /、 %(取余)、**(幂)

2、赋值运算符:=

3、复合赋值运算符:+=、 -=、 *=、 /=、 %=

4、自增、自减 :++ --

5、关系运算符:>、<、>=、<=、!=、==、===(严格等)、!==(严格不等)

四、流程控制

1、if结构

2、三元运算符:格式:(条件表达式) ? 表达式1 : 表达式2;

3、逻辑运算符: &&(与) ||(或) !(非) ??(空值合并)

4、switch:等值判断的多选其一结构

5、while循环:先判断,再执行

6、do while:先执行,再判断

五、数组

1、声明数组:使用数组字面量:[ ]、Array对象

2、数组的属性:length 表示数组元素的个数(数组的单元个数

3、数组元素的索引:从0开始到数组的单元个数减1

4、数组元素的访问:数组名[索引]

5、遍历数组

(1)使用for循环遍历

(2)使用for...in循环

(3)使用for...of循环

(4)forEach循环遍历

(5)使用map函数遍历数组:实际是对数组的过滤。返回一个新的数组,原数组不变

6、数组的排序:冒泡排序、选择法排序

7、数组常用方法:

join(连接字符)将数组中的元素通过给定的连接字符连成一个字符串

push(值/变量)末尾向数组添加元素

pop():从数组的末尾删除元素

shift():从数组的首部删除元素

unshift(值/变量):从数组的首部插入元素

sort():排序函数。默认的是从小到大

reverse():将数组元素颠倒顺序

concat():连接两个或多个数组

slice():切片函数

splice():可以实现对数组元素的插入、删除和替换

indexOf(元素):从左向右查找元素的位置。返回元素在数组中的下标(索引),返回-1表示没有找到

lastIndexOf(元素):从右向左查找元素的位置。返回元素在数组中的下标(索引),返回-1表示没有找到

filter

fill(值/变量):用给定的值或变量填充数组

every(function(value) { // 判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回 true

includes() :判断一个数组中是否包含一个指定的值

六、二维数组:数组中的每个元素都有两个下标(由行和列组成的数组

定义:

1、通过字面量:[ ]、使用Array对象

2、输出:采用循环嵌套

七、函数

1、函数的定义

function 函数名(【参数】]){

函数体语句

}

2、函数的参数

形参:形式参数,是在函数定义时出现在函数首部的参数。形参没有实际值,只是一个占位符

实参:实在参数。是函数调用时出现在函数首部的参数,实参表示的是一个实际值

3、arguments对象:内置对象

作用:调用函数时,函数的实参都保存在arguments对象中

4、函数表达式

定义:var / let / const 变量名 = function(【参数】){函数体语句}

调用:变量名(【参数】)

5、函数的递归调用

递归调用:函数自己调用自己

八、对象

1、对象是一种数据类型(复合数据类型),对象中包含了属性和方法

2、创建

(1)字面量:let / var / const 对象名 = { }

(2)通过Object来创建对象:new Object()

(3)构造函数创建对象

function  构造函数名(【参数】){this.属性名  = 属性值this.方法名 = function(【参数】){方法体语句}
}

通过构造方法创建对象:new 构造方法名(【参数】)

对象使用属性和方法:

对象名.属性

对象名.方法名(【参数】)

this代表的是由构造方法创建的对象

3、遍历对象的属性和方法:使用for...in循环

4、in运算符:判断对象中是否存在某个属性或方法

5、对象数组:数组中存放的是对象(数组中的每个元素都是对象)

九、内置对象

1、Math对象

2、Date对象

3、String对象:字符串。用单引号('')或双引号("")括起来的字符序列

相关内容

热门资讯

宁波一游乐园内装饰树起火,工作... 7月6日,多位网友在社交平台发视频称,浙江宁波罗蒙环球乐园一棵圣诞树突然起火。 现场视频显示,一处游...
快乐不放假 公园玩一夏 全市4... 深圳新闻网2025年7月7日讯(深圳商报记者 文灿)7月5日,深圳公园“快乐不放假,公园玩一夏”夏日...
为了帮女儿照顾孩子,我和儿媳妇... 为了帮女儿照顾孩子,我和儿媳妇闹翻了01 “带着你的外孙走。” 一声尖锐的叫喊声过后,传来门被重...
孩子课上听不懂老师讲的怎么办? 孩子课上听不懂老师讲的怎么办?到外面培训机构培训一下,比如新东方教育之类的孩子刚上一年级,课上听不懂...
安徽一爸爸火车上睡着,儿子走丢... 安徽一爸爸火车上睡着,儿子走丢了都不知道,爸爸带娃到底有多靠谱?实在是太不靠谱了,这样的行为实在是太...
大家支持小学生向老师举报、告状... 大家支持小学生向老师举报、告状、告密吗?我个人不支持这样的做法,这样有个弊端,可能把孩子引向一个背后...
麻烦各位推荐几本好看的穿越小说 麻烦各位推荐几本好看的穿越小说绾青丝 独步天下 醉玲珑 丑颜倾城芊泽花,醉玲珑,跨过千年来爱你,暴...
星际战甲怎么一键分解所有重复m... 星际战甲怎么一键分解所有重复mod对着mod,按鼠标中键,即可全选该mod。按重复数量排序,即可方便...
电视剧《五星大饭店》有续集吗?... 电视剧《五星大饭店》有续集吗?是什么结局啊?没有续集。话说没有拍续集的打算。一般现在看的续集都是网友...
高中会考没过就一定没高中毕业证... 高中会考没过就一定没高中毕业证吗?高中会考没过就一定没高中毕业证吗不一定那,没过也可以领的当然不是,...
为什么我的仙剑奇侠传四玩道慕容... 为什么我的仙剑奇侠传四玩道慕容紫英那就卡掉,不能继续啊?我仙四一到紫英那放动画那就卡住,然后关闭了啊...
YES!光之美少女5GOGO有... YES!光之美少女5GOGO有哪些剧场版有YES,光之美少女剧场版1、光之美少女剧场版2、光之美少女...
住家保姆的服务内容有哪些 住家保姆的服务内容有哪些这个要跟保姆自己谈了要看你给的价格了
钓鱼坠子的制作方法有什么? 钓鱼坠子的制作方法有什么?进行海竿抛钩时,由于水底不平或水草、树根过多,挂钩失坠时有发生。因此在垂钓...
问下,图里的那个动漫人物是出自... 问下,图里的那个动漫人物是出自哪个动漫薄樱鬼斋藤一出自动漫《薄樱鬼》人物名为:斋藤一这是原图我觉得像...
死神黑崎一护是不是灭却师?第二... 死神黑崎一护是不是灭却师?第二部什么时候出?一护妈妈是灭却师,爸爸是死神,所以算个混血儿→ →也就是...
点到为止的意思 点到为止的意思点到为止:说话时只是轻轻触及话题的边缘,而不必深入谈论,但是已经让对方明了意图即可到了...
《余生请多指教》热播,顾医生身... 《余生请多指教》热播,顾医生身上有哪些特质?特别温柔,特别专一,会安慰人,会讲大道理,特别暖心。顾医...
浩态狂香昔未逢,红灯烁烁绿盘龙... 浩态狂香昔未逢,红灯烁烁绿盘龙,觉来独对情惊恐,身在仙宫第九重。韩愈的哪一首诗。名字啊什麼?顺便求诗...