1. 什么是 JavaScript ？
JavaScript 是一种具有面向对象的、解释型的、基于对象和事件驱动的、跨平台的、弱类型的程序设计语言
2. JavaScript 与 ECMAScript 的关系？
ECMAScript 是规则，JavaScript 是对规则的体现
3. 变量的命名规则？
严格区分大小写，由英文、数字、下划线、$组成，推荐使用驼峰命名法，不能使用保留字和关键字，见名知意，名字不能重复
4. window.onload 的作用？
当页面加载完成后再执行
5. js 数据类型？
- 基本数据类型有：Number、String、Boolean、Undefined、Null；
- 复合数据类型有:Object（object、array、function）
6. null 和 undefined 的区别？
- null 表示值为空，但是为 object 类型
- undefined 表示变量没有初始化
7. 运算符的种类？
- 算术运算符 + - * / % ++ –
- 赋值运算符 = += -= *= /=
- 比较运算符 > >= < <= == != === !==
- 逻辑运算符是与 &&，或 ||, 非 !
- 三目运算符 // 条件 ? 语句一 : 语句二 如果条件成立，执行 ? 后面语句，不成立执行：后面的语句
8. var a = 10;var b = a++; a、b 最后的结果是？
a=11,b=10
9. “”与“=”的区别？
==值一样，类型可以不一样
===值一样，类型一样
10.NaN 会在什么样的情况下出现呢
typeof Number(undefined));//NaN
typeof Number([1,2]));//NaN
typeof Number({}));//NaN
typeof Number(10abc));//NaN
11.列举三种强制类型转换和 2 种隐式类型转换
Number() String() parseInt()
console.log(1+‘2’);
console.log(2-true);
12. this 对象的理解？
在事件处理函数中，this 指向触发事件的元素
在全局中（普通函数）中，this 指向 window
谁调用指向谁
13. 请解释变量提升？
变量提升(预解析)找 var 的时候，如果存在 var 关键字，则会将这个变量先存储下来，存储的形式为:var a = undefined，预解析的时候变量中存的都是 undefined
等到逐行解析遇到表达式即 + - * / % ++ – = 等操作才会改变变量的值。找 function 的时候，会将整个函数都保存下来。找参数的时候，即执行函数时，函数内部可以看作是一个小的区域，有自己的预解析，参数就跟变量 var 一样。
14.JavaScript 两种变量范围有什么不同？
- 全局变量： 直接在 script 标签下声明的变量，任何地方都能访问，任何地方都能对其值进行改变。
- 局部变量： 函数内部定义的变量，函数内能访问，出了函数的括号就不能访问（垃圾回收）。
15.js 有哪些内置对象？
- 时间对象 date， 字符串对象 string，数学对象 Math，数值对象 Number，
- 数组对象 Array，函数对象 function, 函数参数集合 arguments,
- 布尔对象 Boolean，基础对象 Object
16.数组方法 pop() push() unshift() shift()
- push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
- pop()方法则从数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项.
- shift()能够移除数组中的第一个项并返回该项，同时将数组长度减 1
- unshift()能在数组前端添加任意个项并返回新数组的长度
17.编写一个数组去重的方法
var arr = [1, 3, 5, 2, 3, 3, 5, 6, 2, 3, 4, 6, 3, 3, 5, 2];
//原理： 先找相邻的两个元素 做相等比较 如果有相等的值，保留前者，删除后者，下标调整
//数组的第一个元素
for (var i = 0; i < arr.length; i++) { // 控制所有的循环遍数
//在循环一遍
for (var j = i + 1; j < arr.length; j++) {
//相等比较
if (arr[i] == arr[j]) {
//删除 splice 一个一个删除
arr.splice(j, 1);
//下标减少
j--;
}
}
}
console.log(arr);
18.冒泡排序
var arr = [8, 23, 1, 43, 12, 56, 13, 66]
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr.length - i; j++) {
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
console.log(arr);
19.DOM 怎样添加、移除、移动、复制、创建和查找节点？
- 创建新节点
createDocumentFragment() //创建一个 DOM 片段
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点 - 添加、移除、替换、插入
appendChild()
removeChild()
replaceChild()
insertBefore() - 查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的 Name 属性的值
getElementById() //通过元素 Id，唯一性
20.什么是 window 对象 ? 什么是 document 对象 ?
Window 对象表示浏览器中打开的窗口。
document 对象表示给定浏览器窗口中的 HTML 文档
21.offsetWidth、clientWidth、scrollTop 的区别？
clientHeight 可视区域高度 包括 padding，不包括 border、margin、滚动条
offsetHeight 元素本身高度 包括 padding，border，滚动条
scrollHeight 元素内容整体高度 包括 padding，不包括 border、margin
scrollTop 滚动的高度
offsetTop 相对于最近的 position 不为 static 的父元素的上偏移距离，没有则指向 body
22.如何阻止冒泡？
jQuery：
ev.stopPropagation(); //阻止冒泡的操作
return false; //阻止默认事件 + 阻止冒泡的操作
JavaScript：
ev.stopPropagation(); // 只会阻止事件冒泡，不会阻止默认行为
ev.preventDefault(); // 只会阻止默认行为，不会阻止事件冒泡
23. 事件流
事件发生时会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即 DOM 事件流。
事件捕获阶段：事件的传播是从最不特定的事件目标到最特定的事件目标。。
确定目标阶段：通过捕获确定具体触发事件的元素
事件冒泡阶段：事件的传播是从最特定的事件目标到最不特定的事件目标。
事件传播的顺序对应浏览器的两种事件流模型：捕获型事件流和冒泡型事件流。
在绑定事件 addEventListener(事件类型，处理函数，是否捕获)中有 3 个参数，最后一个参数默认是 false：表示冒泡，true：表示捕获。
24.拖拽效果中有几种事件？
onmousedown
onmousemove
onmouseup
25.事件委托
利用事件冒泡的原理，子元素的事件会冒泡到父元素，可以只给父元素添加事件，通过事件目标判断元素。
优点：节省内存，动态添加的子元素也包含事件
