JavaScript总结

1.什么是编程?

编程是让计算机执行特定任务的过程,通过使用某种编程语言编写代码,让计算机解决某个问题,并最终得到一个结果

2.计算机程序

计算机程序是一组计算机能识别和执行的指令,告诉计算机该做什么

3.计算机语言的分类?

机器语言

汇编语言

高级语言

4.标记语言和编程语言的区别?

语言类型 说明

标记语言 标记语言(html、xml、xhtml) 不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的,它是被动的。

编程语言 编程语言有很强的逻辑和行为能力。在编程语言里,你会看到很多 if else 、for 、while等具有逻辑性和行为能力的指令,它是主动的。

5.什么是JavaScript?

JavaScript(简称JS),是高级编程语言的一种,是解释型语言,主要用于web编程。它是一种运行在客户端的脚本语言。

6.JavaScript的组成

1)ECMAScript

ECMAScript规定了JS的编程语法和基础核心知识,如语法、类型。

2)DOM------文档对象模型

可以对页面上的各种元素进行操作(大小、位置、颜色等)

3)BOM------浏览器对象模型

可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

7.JavaScript三种输出语句

1)alert(""); 浏览器弹出警示框,主要用来显示消息给用户

2)console.log(""); 用来给程序员自己看代码运行结果,主要用于开发调试

3)document.write(""); 将内容写到 HTML 文档中

8.变量名的命名规范

由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号($)组成

严格区分大小写

不能以数字开头

不能 是关键字、保留字

变量名尽量有意义(语义化)

遵守驼峰命名法,首字母小写,后面单词的首字母需要大写。如imgBox、companyName

9.运算符的分类

算术运算符

递增递减运算符

比较运算符

逻辑运算符

赋值运算符

三元运算符

逗号运算符

10.for循环的执行流程

for(表达式1;表达式2;表达式3){

表达式4;

}

首先执行表达式1(一般为初始化语句),再执行表达式2(一般为条件判断语句),判断表达式1是否符合表达式2的条件,如果符合,则执行表达式4,否则,停止执行,最后执行表达式3。

11.break和continue的异同

相同点:

1)在循环中使用,可以控制程序的流程

2)是控制循环的关键字

不同点:

1)break 关键字用于完全终止循环。当遇到 break 语句时,程序会立即退出当前循环,并执行循环外的代码。

2)continue 关键字用于跳过当前循环;当遇到 continue 语句时,程序会跳过本次循环剩下的代码,直接进入下一轮循环。

12.什么是流程控制?流程控制的三种结构有哪些?

流程控制就是控制代码按照一定结构顺序来执行。

流程控制三种结构:顺序结构,分支结构,循环结构

13.数组的概念

数组是指一组数据的集合。

其中的每个数据被称作 元素 ,在JS数组中可以存放任意类型的元素。

每个元素都可以通过索引(或下标)来访问和操作,数组的索引从0开始。

数组是一种将一组数据存储在单个变量名下的优雅方式。

14.写出定义数组的两种方式,并举例

方式一:new 关键字创建数组

使用JS中的 new Array() 来构造一个空数组,或者在该小括号内提供数组元素的值。

例如:

定义空数组 var arr1 = new Array()

定义有内容的数组 var arr2 = new Array(22,34,'hello','你好')

方式二:面量方式

使用方括号[]来定义一个数组,将数组的元素用逗号分隔,并放在方括号内。

例如:

定义空数组 var arr1 = []

定义有内容的数组 var arr2 = [22,34,'hello','你好']

15.函数的概念是什么?

就是封装了一段可被重复调用执行的代码块,可以实现代码的重复使用。

16.声明函数的两种方式,并举例

方式一:利用 function关键字

function 函数名() {

//函数体

}

方式二:匿名函数(函数表达式)

var 变量名 = function(){

//函数体

}

17.arguments的使用及特点

当你不确定有多少参数传递的时候,用arguments来获取

伪数组有以下特点

1)具有length属性

2)按照索引的方式存储数据

18.for...in 语句的语法格式

for (var 变量 in 对象/数组) {

// 在此执行代码

}

19.请写出Date()对象的5个方法

获取年 getFullYear()

获取月 getMonth()

获取日 getDate()

获取星期 getDay()

获取小时 getHours()

获取分 getMinutes()

获取秒 getSeconds()

20.什么是DOM?

1)是文档对象模型

2)DOM 就是把[文档] 当做一个[对象] 来看待

3)DOM 的顶级对象是 document

4)DOM 主要学习的是操作页面元素

5)DOM 是 W3C 标准规范

21.根据指定选择器获取元素(推荐)

1)根据指定选择器获取元素,并且只返回元素中的第一个 document.querySelector('选择器');

2)根据指定选择器获取所有元素 document.querySelectorAll('选择器');

22.事件概述

简单理解: 触发---响应机制

网页中的每个元素都可以产生可以触发 JavaScript 的事件。

例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。事件对实现网页的交互效果起着重要的作用。

23.事件三要素

事件源(谁):触发事件的元素,例如:按钮、div元素、其他

事件类型(什么事件): 例如鼠标click 点击事件、鼠标经过、键盘按下等。

事件处理程序(做啥):事件触发后要执行的代码(函数形式),事件处理函数

24.执行事件的三步骤

1)获取事件源

2)注册事件(绑定事件)

3)添加事件处理程序(采取函数赋值形式)

25.什么是BOM?

1)浏览对象模型

2)把[浏览器] 当做一个[对象] 来看待

3)BOM 的顶级对象是 window

4)BOM 学习的是浏览器窗口交互的一些对象,BOM是浏览器厂商在各自浏览器上定义的,兼容性较差

相关推荐
拾光拾趣录6 分钟前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
OpenTiny社区17 分钟前
把 SearchBox 塞进项目,搜索转化率怒涨 400%?
前端·vue.js·github
编程猪猪侠1 小时前
Tailwind CSS 自定义工具类与主题配置指南
前端·css
qhd吴飞1 小时前
mybatis 差异更新法
java·前端·mybatis
YGY Webgis糕手之路1 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
患得患失9491 小时前
【前端】【vueDevTools】使用 vueDevTools 插件并修改默认打开编辑器
前端·编辑器
ReturnTrue8681 小时前
Vue路由状态持久化方案,优雅实现记住表单历史搜索记录!
前端·vue.js
UncleKyrie1 小时前
一个浏览器插件帮你查看Figma设计稿代码图片和转码
前端
遂心_1 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
你听得到112 小时前
Flutter - 手搓一个日历组件,集成单日选择、日期范围选择、国际化、农历和节气显示
前端·flutter·架构