1.JavaScript 的组成
JavaScript 由以下三部分组成:
- ECMAScript(核心):JavaScript 语言基础
- DOM(文档对象模型):规定了访问 HTML 和 XML 的接口
- BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法
2.JS 的基本数据类型和引用数据类型
- 基本数据类型:undefined、null、boolean、number、string、symbol
- 引用数据类型:object、array、function
3.谈谈 this 对象的理解
- this 总是指向函数的直接调用者
- 如果有 new 关键字,this 指向 new 出来的实例对象
- 在事件中,this 指向触发这个事件的对象
4.什么是 Window 对象? 什么是 Document 对象?
- Window 对象表示当前浏览器的窗口,是 JavaScript 的顶级对象。
- 我们创建的所有对象、函数、变量都是 Window 对象的成员。
- Window 对象的方法和属性是在全局范围内有效的。
- Document 对象是 HTML 文档的根节点与所有其他节点(元素节点,文本节点,属性节点, 注释节点)
- Document 对象使我们可以通过脚本对 HTML 页面中的所有元素进行访问
- Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问
5.介绍 DOM0,DOM2,DOM3 事件处理方式区别
DOM0 级事件处理方式:
- btn.onclick = func;
- btn.onclick = null;
DOM2 级事件处理方式:
- btn.addEventListener(‘click’, func, false);
- btn.removeEventListener(‘click’, func, false);
- btn.attachEvent(“onclick”, func);
- btn.detachEvent(“onclick”, func);
DOM3 级事件处理方式:
- eventUtil.addListener(input, “textInput”, func);
- eventUtil 是自定义对象,textInput 是 DOM3 级事件
6.如何获得一个 DOM 元素的绝对位置?
- elem.offsetLeft:返回元素相对于其定位父级左侧的距离
- elem.offsetTop:返回元素相对于其定位父级顶部的距离
- elem.getBoundingClientRect():返回一个 DOMRect 对象,包含一组描述边框的只读属性,单位像素
7.什么是闭包(closure),为什么要用它?
闭包是指有权访问另一个函数作用域中变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域
闭包的特性:
- 函数内再嵌套函数
- 内部函数可以引用外层的参数和变量
- 参数和变量不会被垃圾回收机制回收
8.DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?
创建新节点
- createDocumentFragment() //创建一个 DOM 片段
- createElement() //创建一个具体的元素
- createTextNode() //创建一个文本节点
添加、移除、替换、插入
- appendChild()
- removeChild()
- replaceChild()
- insertBefore() //在已有的子节点前插入一个新的子节点
查找
- getElementsByTagName() //通过标签名称
- getElementsByName() // 通过元素的 Name 属性的值(IE 容错能力较强,会得到一个数组,其中包括 id 等于 - name 值的) * getElementById() //通过元素 Id,唯一性
9.javascript的typeof返回哪些数据类型.
string ,boolean, number, undefined, function, object
10.split() join() 的区别
前者是将字符串切割成数组的形式,后者是将数组转换成字符串
11.数组方法pop() push() unshift() shift()
-
push()尾部添加
-
pop()尾部删除
-
unshift()头部添加
-
shift()头部删除