Day17:web前端开发面试题

1.JavaScript 数据类型有哪些?

JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:

var length = 7;                             // 数字
var lastName = "7";                      // 字符串
var cars = ["1", "2", "3"];         // 数组
var x = {firstName:"1", lastName:"2"};    // 对象 

复杂数据
typeof 运算符可返回以下两种类型之一:

function
object

typeof {name:'1', age:2} // 返回 "object"
typeof [1,2,3,4]             // 返回 "object" 
typeof null                  // 返回 "object"
typeof function myFunc(){}   // 返回 "function"

原始数据

typeof 运算符可返回以下原始类型之一:

string
number
boolean
undefined

Undefined 与 Null 的区别

Undefined 与 null 的值相等,但类型不相等

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

实例

var person = null;           // 值是 null,但是类型仍然是对象

undefined 清空对象:

实例

var person = undefined;     // 值是 undefined,类型是 undefined

空值

空值与 undefined

var car = "";                // 值是 "",类型是 "string"

Undefined
在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。

任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined。

typeof 运算符对数组返回 “object”,因为在 JavaScript 中数组属于对象。

JavaScript 布尔值
布尔值只有两个值:true 或 false。

JavaScript 数组
JavaScript 数组用方括号书写。

数组的项目由逗号分隔。

JavaScript 数值
JavaScript 只有一种数值类型。

JavaScript 字符串值
字符串(或文本字符串)是一串字符

JavaScript 基本数据类型

基本数据类型有五种:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)。

复合数据类型

对象(Object)、数组(Array)、函数(function)。

JavaScript基本数据类型

(1)数值类型

(2)布尔类型

(3)字符串类型

(4)Undefined类型

(5)Null类型

2.JavaScript 保留关键字有哪些?

JavaScript 保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。

abstract arguments boolean break byte
case catch char class* const
continue debugger default delete do
double else enum* eval export*
extends* false final finally float
for function goto if implements
import* in instanceof int interface
let long native new null
package private protected public return
short static super* switch synchronized
this throw throws transient true
try typeof var void volatile
while with yield

[外链图片转存失败(img-X5cOzGEk-1564283235118)(https://upload-images.jianshu.io/upload_images/11158618-a581a35e2c7816c0.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

JavaScript 对象、属性和方法

Array Date eval function hasOwnProperty
Infinity isFinite isNaN isPrototypeOf length
Math NaN name Number Object
prototype String toString undefined valueOf

[外链图片转存失败(img-gAEpGYNe-1564283235122)(https://upload-images.jianshu.io/upload_images/11158618-58c954e4814ac40e.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

JavaScript 所有关键字:

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

throw 与 try…catch…finally:操作异常
in:与for 一起使用用于遍历对象的属性名
instanceof :返回的是布尔值,而typeof 返回的是几种数据类型的字符串值。

JavaScript 关键字

JavaScript 关键字必须以字母、下划线(_)或美元符($)开始。

[外链图片转存失败(img-DxKXLnPs-1564283235123)(https://upload-images.jianshu.io/upload_images/11158618-e1e19dcf10615316.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

3.比较表达式

[外链图片转存失败(img-wRgnoYrE-1564283235139)(https://upload-images.jianshu.io/upload_images/11158618-dbe3532079d22f38.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

4.判断为0

[外链图片转存失败(img-a8UYgnLC-1564283235142)(https://upload-images.jianshu.io/upload_images/11158618-6e63985bfa1e1648.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

5.result的值

[外链图片转存失败(img-pQiYJVSx-1564283235144)(https://upload-images.jianshu.io/upload_images/11158618-cfdeec32503f5b19.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

6.result的值

[外链图片转存失败(img-N1JnCLVw-1564283235145)(https://upload-images.jianshu.io/upload_images/11158618-ad348f55a1d0b7ee.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

7.value的值

[外链图片转存失败(img-8igAsooG-1564283235148)(https://upload-images.jianshu.io/upload_images/11158618-3e6518ae861bb30b.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

8. 函数值

[外链图片转存失败(img-3iFeGdnn-1564283235153)(https://upload-images.jianshu.io/upload_images/11158618-ca204f3336d57a6e.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

9.result的值

[外链图片转存失败(img-QleKkxyW-1564283235154)(https://upload-images.jianshu.io/upload_images/11158618-304cd64be7e7f46d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

10.返回前一个浏览的页面

back()方法,加载 history 列表中的前一个 URL。

语法:

window.history.back();

比如,返回前一个浏览的页面,代码如下:

window.history.back();

back()相当于go(-1),代码如下:

window.history.go(-1);

在HTML文档对象模型中,history对象的()用于加载历史列表中的下一个URL页面。

forward()

11.结果

[外链图片转存失败(img-bFT1heaX-1564283235155)(https://upload-images.jianshu.io/upload_images/11158618-d6937d120edef9bd.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

Math.floor
document.write(Math.floor(0.6) =0
document.write(Math.floor(1.40) =1

求一个最接近它的整数,它的值小于或等于这个浮点数

12.常见的HTTP状态码(HTTP Status Code)

常见状态吗:400(请求无效),401(需要权限),500(服务器错误)

onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

readyState

XMLHttpRequest对象的status属性状态吗

200 服务器正常处理了请求并响应
404 请求的页面(资源)没有找到
403 没有权限访问请求的页面(资源)
405 页面(资源)不接收该请求方式
408 请求超时
500 服务器处理请求时遇到错误(可能因为应用程序抛出异常导致)
502 上游服务器和网关/代理不同意的协议交换数据
503 服务器暂时不可用

XMLHttpRequest的属性与状态码

XMLHttpRequest对象有一个属性可以获得服务器传回的HTTP状态码

onreadystatechange:
每次状态改变所触发事件的事件处理程序

readyState:对象状态值

responseText:从服务器进程返回的数据的字符串形式

status:从服务器返回的数字代码

responseXML:从服务器进程返回的数据的字符串形式

13.cookie的生存周期的关键字

cookie对象的Expires属性用来设置当前cookie的存活时间。

在默认情况下,cookie是临时存在的。在一个浏览器窗口打开时,可以设置cookie,只要该浏览器窗口没有关闭,cookie就一直有效,而一旦浏览器窗口关闭后,cookie也就随之消失。

为cookie设置一个生存期

所谓生存期也就是cookie的终止日期,在这个终止日期到达之前,浏览器随时都可以读取该cookie。一旦终止日期到达之后,该cookie将会从cookie文件中删除。

14.数组用什么方法可以将数组中的元素连成一个字符串

join() 方法用于把数组中的所有元素放入一个字符串

15.x值

[外链图片转存失败(img-YFu9kkTo-1564283235158)(https://upload-images.jianshu.io/upload_images/11158618-12454639ac05bc21.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

[外链图片转存失败(img-yYimj8ax-1564283235159)(https://upload-images.jianshu.io/upload_images/11158618-5825eedef9b84c2c.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

都为undefined

16. 求值

[外链图片转存失败(img-Bdi8tgbf-1564283235160)(https://upload-images.jianshu.io/upload_images/11158618-b08e05db2cabaa3a.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

[外链图片转存失败(img-Tmrztspr-1564283235165)(https://upload-images.jianshu.io/upload_images/11158618-3883befea30c8672.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

17.数组去除数组中重复的元素

Array.prototype.method1 = function() {
 var arr=[];
 for(var i = 0; i<this.length; i++) {
  if(arr.indexOf(this[i] == -1) {
   arr.push(this[i]);
  }
 }
}

[外链图片转存失败(img-t5CE4ymB-1564283235167)(https://upload-images.jianshu.io/upload_images/11158618-e5060aa50cd7b7e0.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

[外链图片转存失败(img-1pZHDaUP-1564283235170)(https://upload-images.jianshu.io/upload_images/11158618-a71a5ae1cfa707be.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

javaScript实现去除数组中重复的元素

1.先排序
2.遍历数组每个元素
3.让前一个元素与后一个元素相比较,若相等,删除前一个
4.每次删除元素会使数组长度减一,再次循环时会少对比一个 ,所以删除后i–

var arr=[11,32,3,4,2,32,4,12,3,11,23];
arr.sort(function(x,y){
    return x-y;
});

[外链图片转存失败(img-Tlv98dj3-1564283235171)(https://upload-images.jianshu.io/upload_images/11158618-bc6504739e7889d1.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

for(var i=0; i<arr.length; i++){
    if(arr[i] == arr[i+1]){
        arr.splice(i,1);
        i--;
    }
}
console.log(arr);

[外链图片转存失败(img-7tVnTbXz-1564283235175)(https://upload-images.jianshu.io/upload_images/11158618-a5611e1e86dc4cee.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]


若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。


请点赞!因为你们的赞同/鼓励是我写作的最大动力!

欢迎关注达叔小生的简书!

这是一个有质量,有态度的博客

[外链图片转存失败(img-JJzTsePp-1564283235176)(https://upload-images.jianshu.io/upload_images/11158618-9ab0d3fef85d80ce?imageMogr2/auto-orient/strip|imageView2/2/w/1240)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值