2021-10-13 JavaScript简答题

1.分别描述HTML、CSS、JS在页面组成中的作用。

HTML是超文本标记语言，是用来描述网页的语言，定义网页的结构，内容可以包含文字、图片、视频等。

CSS是层叠样式表，定义如何显示HTML元素，比如，标题字体、颜色变化，或为标题加入背景图片、边框等。用来描述网页，美化网页。

JavaScript是一种脚本语言，将文本格式的字符代码发送给浏览器，由浏览器解释运行。

2.js代码的书写方式(即js的引入方式)

1、内联引入，直接在标签的事件属性中添加JS代码，事件触发则执行

2、内部引入，直接在script标签中添加JS代码。

3.js中的变量类型

（答题不需要说出具体的内容，说结构就行）

一、基本类型（值类型）

1.字符串(string)：可以使用单引号或者双引号

2.数字(number)：js中只有一种数字类型，可以带小数点，可以不带。

在JS中，所有数字在底层都是浮点数，但是在处理和显示的过程中会自动和整型进行转换。

3.布尔(boolean)：逻辑类值，只有两个值：true|false。

4.未定义(undefined)：表示未定义变量，是指声明了变量，但是没有为变量赋值，该变量就是undefiend，如果未声明直接使用会抛出异常。

5.空(null)：表示空值，可以通过将变量的值设置为null来清空变量。

6.Symbol：ES6引入的一种新的原始数据类型，表示独一无二的值。

二、引用类型

1.数组(Array)：2.函数(Fuction)：3.对象(Object)：

4.js声明变量有几种方式？有什么区别？

1.var全局变量

2.let局部变量

3.const常量，一经设置不许改变，在设置时必须赋初始值。

注意：let和const是ES6推出的新特性。

5.js函数的声明方式

1、 函数声明：

语法：fuction 函数名(参数){要执行的代码}

2、函数表达式：

语法：变量 = fuction(参数){要执行的代码}

3、Fuction构造器：

语法：变量 = new Fuction("参数","参数"……,"要执行的代码")

可能会提问的：

*、匿名函数，自调用函数：

①语法：(fuction(参数){要执行的代码})(调用)，即函数表达式放进()

*、箭头函数：

ES6新增了箭头函数，语法比普通函数表达式更简洁

①语法：(参数1,参数2,……,参数n)=>{代码}

②注意：IE11及更早版本的浏览器不支持箭头函数

当只有一个参数时，小括号是可选的：单一参数=>{代码}

当没有参数时，应该只写一对小括号()=>{代码}

当只有一句代码时，可以省略大括号。有返回值时，return也要一并省略。(参数列表)=>单一语句

函数是对象，js中的typeof会为函数返回fuction

6.如何自定义js对象？如果获取对象的属性值？如果调用对象的方法

JS对象使用{}定义，在大括号内部，对象中的值以键值对的形式来定义，名称和值之间使用冒号:分割开来，多个值之间用逗号,隔开。

也可以使用js关键字new创建对象，new Object()。

7.如果通过js获取页面上的标签？获取/修改标签的值？获取/修改标签中的内容？

1.通过id属性值获取元素，返回单个值：document.getElementById()

2.通过class属性获取元素，返回数组：document.getElementsByClassName()

3.通过name值获取元素，返回数组：document.getElementsByName()

4.通过标签名获取元素，返回数组：getElementsByTagName()

8.什么是文档就绪事件？怎么实现？有什么作用？

window.onload文档就绪事件，在浏览器加载完整个页面之后立即执行，此时再获取任何元素都可以获取到。

可以替换为onload，效果相同。

9.常见的js弹框方式有哪些？

1、alert()：警告框

只有一个确定选项，点击确认后才能进行下一步。只会提醒，不会对脚本产生任何改变。

2、comfirm()：确认|取消框

有确定和取消两个选项，点击其中一个才能进行下一步操作。

该方法有返回值，点击确定返回true，点击取消返回false，可以根据用户选择进行不同的处理。

3、prompt()：包含输入框

参数：一个参数时，是指定提示信息

两个参数时，第一个参数是提示信息，第二个参数是输入框的默认值。

返回值：若点击确认按钮，返回值为输入框中的内容，类型为string，什么不写为""空串。

若点击取消按钮，返回值为null，类型为object。

10.什么是NaN？什么时候会出现？怎么避免？

NaN:Not a Number，当使用input输入框指定类型为text，但其实要是用number时可能会出现。

isNaN() 判断传入的参数是否不是一个数字，返回值为boolean。是数字返回false，不是返回true。

11.==和===的区别？

==是先统一两个变量的类型再去比较，所以只要值相同，返回的结果就是true。

===是先比较类型再比较值，只有都相同才返回true。