一、JavaScript 的 typeof 返回哪些数据类型?
首先,JavaScript 中一共有两大数据类型:
- 基础类型
- 引用类型
· 基础类型包括:Number、String、Boolean、Null、Undefined、Symbol(该类型位 ES2015 中新增类型)
· 引用类型包括:Object typeof 运算符把类型信息以字符串形式返回,需要注意的是 typeof 返回的类型和 JavaScript 定义的类型有细微的差异。 typeof 返回七种可能的值:“number”、“string”、“boolean”、“object”、"symbol"、“function”和“undefined”。
二、请写出以下代码运算结果:
alert(typeof null);
alert(typeof undefined);
alert(typeof NaN);
alert(NaN == undefined);
alert(NaN == NaN);
var str = "123abc";
alert(typeof str++);
alert(str);
本题主要是考察 typeof 判断值的类型,它们输出的结果依次是:
alert(typeof null); // object
alert(typeof undefined); // undefined
alert(typeof NaN); // number
alert(NaN == undefined); // false
alert(NaN == NaN); // false
var str = "123abc";
alert(typeof str++); // number
alert(str); // NaN
三、例举至少 3 种强制类型转换和 2 种隐式类型转换?
1. 强制类型转换: 明确调用内置函数,强制把一种类型的值转换为另一种类型。强制类型转换主要有:Boolean、Number、String、parseInt、parseFloat
2. 隐式类型转换: 在使用算术运算符时,运算符两边的数据类型可以是任意的,比如,一个字符串可以和数字相加。之所以不同的数据类型之间可以做运算,是因为 JavaScript 引擎在运算之前会悄悄的把他们进行了隐式类型转换。隐式类型转换主要有:+、–、==、!
四、JavaScript 的事件流模型都有什么?
事件流包含三个阶段:
- 事件捕捉阶段
- 处于目标阶段
- 事件冒泡阶段
事件捕捉阶段:事件开始由顶层对象触发,然后逐级向下传播,直到目标的元素;
处于目标阶段:处在绑定事件的元素上;
事件冒泡阶段:事件由具体的元素先接收,然后逐级向上传播,直到不具体的元素;
五、BOM 对象有哪些,列举 window 对象?
- window 对象,是 JS 的最顶层对象,其他的 BOM 对象都是 window 对象的属性;
- document 对象,文档对象;
- location 对象,浏览器当前URL信息;
- navigator 对象,浏览器本身信息;
- screen 对象,客户端屏幕信息;
- history 对象,浏览器访问历史信息
六、请简述 AJAX 及基本步骤?
- 初始化ajax对象
- 连接地址,准备数据
- 发送请求
- 接收数据(正在接收,尚未完成)
- 接收数据完成
//初始化ajax对象 var xhr = xhr = new XMLHttpRequest(); //连接地址,准备数据 xhr.open(“方式”,”地址”,是否为异步); //接收数据完成触发的事件 xhr.onload =function(){} //发送数据 xhr.send();
七、HTTP 状态消息 200 302 304 403 404 500 分别表示什么?
- 200:请求已成功,请求所希望的响应头或数据体将随此响应返回。
- 302:请求的资源临时从不同的 URI 响应请求。由于这样的重定向是临时的,客户端应当继续向原有地址发送以后的请求。只有在 Cache-Control 或 Expires 中进行了指定的情况下,这个响应才是可缓存的。
- 304:如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。304 响应禁止包含消息体,因此始终以消息头后的第一个空行结尾。
- 403:服务器已经理解请求,但是拒绝执行它。
- 404:请求失败,请求所希望得到的资源未被在服务器上发现。
- 500:服务器遇到了一个未曾预料的状况,导致了它无法完成对请求的处理。一般来说,这个问题都会在服务器端的源代码出现错误时出现。
八、同步和异步的区别?
第一种就是同步,第二种就是异步。所以同步异步可以说是对被请求方来说的,被请求者使用什么方式来告知处理结果。
举例,还是上一个例子:
- 首先同步异步于阻塞非阻塞并没有关系。同步异步主要是事情做完以后,如何进行处理、或者说关注的是一种消息通信机制。
- 同步的情况下,是由处理消息者自己去等待消息是否被触发;
- 而异步的情况下是由触发机制来通知处理消息者;
-
举例: 比如在上课时,你问老师一个问题,这个问题可能需要花费一点时间去思考,这个时候老师可能:
- 思考,思考……,好了,有答案了;
- 这个问题需要一点时间,你先做点别的,等我想好了,去找你。
- 阻塞非阻塞,主要是对于请求者而言的。
- 阻塞:发出请求等待结果返回,然后再处理后续的事情;
- 非阻塞:发出请求不等待结果返回,可以接着做后续的事情;
- 老师在使用同步思考的时候,你可以静静的等待老师给出答案,也可以边做自己的事情边等待老师的回答,当然这时候你需要时刻去关注老师是否已经想好了,在程序中需要进行轮询了。乀(ˉεˉ乀)
- 老师使用异步的方式,这个时候老师告诉你可以先去做别的,好了就通知你,那么你可以去做点别的,然后监听事件就行,当然你也可以很轴,我就不做别的!我要一直等着老师“想好了”的事件发生。
- 所以同步可以是阻塞的也可以是非阻塞的,异步也是如此。
九、GET和POST的区别,何时使用POST?
1.一个在url后面 ,一个放在虚拟载体里面
2.get有大小限制(只能提交少量参数)
3.安全问题
4.应用不同 ,请求数据和提交数据
十、 AJAX 的局限性?
- AJAX 不支持浏览器 back 按钮。
- 安全问题 AJAX 暴露了与服务器交互的细节。
- 对搜索引擎的支持比较弱。不会执行你的 JS 脚本,只会操作你的网页源代码;
- 跨域请求有一定限制。解决方式:jsonp;
十一、ajax请求时,如何解析json数据?
使用JSON.parse
十二、new 操作符具体干了什么呢?
当使用 new 操作符调用构造函数,函数实际会经历如下步骤:
- 创建一个新对象;
- 把函数中上下文(作用域)对象this指向该对象;
- 执行代码,通过this给新对象添加属性或方法;
- 返回对象;
十三、null 和 undefined 的区别?
null: null表示空值,转为数值时为0;
undefined:undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。
- 变量被声明了,但没有赋值时,就等于undefined。
- 对象没有赋值的属性,该属性的值为undefined。
- 函数没有返回值时,默认返回undefined。
十四、JavaScript 原型,原型链 ? 有什么特点?
JavaScript 原型: 每创建一个函数,函数上都有一个属性为 prototype,它的值是一个对象。 这个对象的作用在于当使用函数创建实例的时候,那么这些实例都会共享原型上的属性和方法。
原型链: 在 JavaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接(proto)。这个原型对象又有自己的原型,直到某个对象的原型为 null 为止(也就是不再有原型指向)。这种一级一级的链结构就称为原型链(prototype chain)。 当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止;到查找到达原型链的顶部(Object.prototype),仍然没有找到指定的属性,就会返回 undefined。
十五、解释jsonp原理,以及为什么不是真正的ajax
动态创建script标签,回调函数,Ajax是页面无刷新请求数据操作
十六、Flash、Ajax各自的优缺点,在使用中如何取舍?
Flash ajax对比
(1)Flash适合处理多媒体、矢量图形、访问机器;对CSS、处理文本上不足,不容易被搜索。
(2)ajax对CSS、文本支持很好,支持搜索;多媒体、矢量图形、机器访问不足。
共同点:与服务器的无刷新传递消息、用户离线和在线状态、操作DOM
十七、Ajax原理?
(1)创建对象
var xhr = new XMLHttpRequest();
(2)打开请求
xhr.open(‘GET’, ‘example.txt’, true);
(3)发送请求
xhr.send(); 发送请求到服务器
(4)接收响应
xhr.onreadystatechange =function(){}
(1)当readystate值从一个值变为另一个值时,都会触发readystatechange事件。
(2)当readystate==4时,表示已经接收到全部响应数据。
(3)当status ==200时,表示服务器成功返回页面和数据。
(4)如果(2)和(3)内容同时满足,则可以通过xhr.responseText,获得服务器返回的内容。
十八、解释什么是json?
(1)JSON 是一种轻量级的数据交换格式。
(2)JSON 独立于语言和平台,JSON 解析器和 JSON 库支持许多不同的编程语言。
(3)JSON的语法表示三种类型值,简单值(字符串,数值,布尔值,null),数组,对象
十九、实现对数组进行乱序
var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var sign = 1;
a.sort(function(a, b) {
return Math.random() - 0.5
});
二十、闭包的好处
(1)希望一个变量长期驻扎在内存当中(不被垃圾回收机制回收)
(2)避免全局变量的污染
(3)私有成员的存在
(4)安全性提高