前端面试题gdyt

1.[typeof null,null instanceof Object]运行结果是？

["object",false]

注：typeof操作符用于检测变量的数据类型。

实例：typeof 3.14       //返回number

           typeof false      //返回object

           typeof [1,2,3]    //返回object

null

在Javascrpt中null表示“什么都没有”。

null是一个只有一个值的特殊类型，表示一个空对象引用。用typeof检测null返回是object。

你可以设置为null来清空对象；

实例：varperson = null；  //值为null（空），但类型为对象。

undefined

在JavaScript中，undefined是一个没有设置值的变量。

typeof一个没有值的变量会返回undefined。

实例：var person；  //值为undefined（空），类型是undefined

 任何变量都可以通过设置值为undefined来清空，类型为undefined.

实例：person=undefined；  //值为undefined，类型是undefined

undefined和null的区别

实例：null和undefined的值相等，但类型不等；

typeof undefined        //undefined

typeof null                  //object

null ==== undefined   //false

null == undefined       //true

null和undefined异同

1.定义

（1）undefined：是所有没有赋值变量的默认值，自动赋值。

（2）unll：主动释放一个变量引用的对象，表示一个变量不再指向任何对象地址。

2.何时使用null？

当使用完一个比较大的对象时，需要对其进行释放内存时，设置为null。

3.null与undefined的异同点是什么呢？

共同点：都是原始类型，保存在栈中变量本地。

不同点：（1）undefined-表示变量声明过但并未付过值。它是所有未赋值变量默认值，例如：

var a；   //a自动被赋值为undefined

（2）null--表示一个变量将来可能指向一个对象。一般用于主动释放被指向对象的引用，例如：

var emps = ['ss','nn'];

emps = null;   //释放指向数组的引用

4.如何检测数据类型呢？
常见
1.typeof option ；返回检测出的数据类型。typeof只能检测出基本数据类型，和其中一种引用数据类型function，其他的引用数据类型统统返回object
检测基本数据类型：
typeof 123 => number
typeof NaN =>number
typeof true => boolean
typeof '123' => string
typeof undefined => undefined
检测引用数据类型：
typeof function => function
typeof null => object
typeof [1,2,3] => object
typeof new String('123') =>object
……其他
2. option instanceof [数据类型]； 返回一个布尔值。无法用来检测出基本数据类型，统统返回false。instanceof只能用来检测引用数据类型，但无法检测null。
检测基本数据类型都返回false
123 instanceof Number => false
NaN instanceof Number => false
true instanceof Boolean => false
'123' instantof String => false
undefined instanceof undefined // 没有这种写法，因为没有undefined这种引用数据类型
检测引用数据类型
null instanceof Object => false // 无法检测null
[1,2,3] instanceof Array => true
[1,2,3] instanceof Object => true //（instanceof可以检测多层继承关系，先理解数组广义上也是Object）
new Array(123) instanceof Array => true
new Array(123) instanceof Object=> true
new String(123) instanceof String => true
new String(123) instanceof Object => true (同理也是Object)
new Number(123) instanceof Number => true
new Number(123) instanceof Object => true
……检测其他引用数据类型

2.JavaScript的数据类型有哪些？

六种：string，number，undefined，boolean，object，null；

JavaScript的数据类型分为基础数据类型，和引用数据类型。

基础数据类型就是：string，number，undefined，boolean

引用数据类型就是：object

null比较特殊，它是一个空对象，在JavaScript中表示“什么都没有”，可以说是基础类型，也可以说是数据类型。

广义上的object包括：Function，Array，Date，Null和基础类型的包装对象Number、String、Boolean。

3.parseInt(3,8);

输出3

4.[] ==[];

输出false

注： 在JS中，数组是属于引用型数据类型，所以“==”左右两边所表示的实际只是数组的所在地址。在创建一个新数组是，其地址均不相同

[ ]==![ ]

输出true

注：

这个就有点难理解了，按照正常思维来看，符号“!”代表的是取反，所以“==”两边的值应该不等才是。

这个就涉及到了JS中的数据类型转换的问题，当我们使用“==”来对数据进行比较时，若两个数据类型不一致，JS会先按照一定规则将数据转换为同一数据类型后再进行比较。

1. 若其中一个数据类型为数值，那么另一个数据类型会先转换成数值然后再与之比较

① 字符串与数值

console.log(""==1); // false console.log(""==0); // true console.log("hello"==1); // false console.log("000"==0); // true console.log("666"==666); // true 

需要注意的是，"hello"转换为数字是NaN。

② 布尔值与数值

console.log(true==1); // true console.log(true==2); // false console.log(false==0); // true 

很简单，true被转换为1，false被转换为0。

③ 数组与数值

console.log([]==0); // true console.log([1]==1); // true console.log(["1"]==1); // true console.log([1,2]==1); // false console.log([true]==1); // false 

需要注意的是，数组会先通过调用toString()转换为字符串后再转换为数值，比如[true]转换为字符串后为"true"，然后再转换为数值是NaN，所以[true]==1返回false。

事实上，数组、对象和函数在与其他基本数据类型进行比较时都会先转换为字符串，然后再转换为相应的数据类型（这里指的数据类型也可能需要转换，总之最后比较时一定是同一数据类型）进行比较，在此就不再一一举例了。

④ null、undefined和NaN

这三个是个特例，他们比较特殊：

a) null==undefined为true；
b) null和undefined不会进行数据转换；
c) NaN不与任何值相等，甚至包括它自己！

我们来看几个例子：

console.log(null==undefined); // true console.log(null==0); // false console.log(null==false); // false console.log(null==""); // false console.log(undefined==0); // false console.log(undefined==false); // false console.log(undefined==""); // false console.log(undefined==NaN); // false console.log(null==NaN); // false console.log(NaN==NaN); // false 

2. 若其中一个数据类型为布尔值，则会先将其转换成数值再进行比较

console.log(true=="001"); // true console.log(true==[]); // false console.log(true==["true"]); // false console.log(true==[true]); // false console.log(true==[1]); // true 

刚开始接触若不知道其原理，这些其实都很容易判断错误，但知道转换规则之后也比较好判断。

我们可以看到，==左侧均为true，而右侧均不是布尔值类型，所以不管三七二十一，先将true转换成数值1，然后再根据上面 1 中所讲与数值类型比较的转换规则，将右侧值统统进行数据类型转换，转换后如下所示：

console.log(1==1); // true console.log(1==0); // false console.log(1==NaN); // false console.log(1==NaN); // false console.log(1==1); // true 

3. “!” 为逻辑非，在操作非布尔值类型的数据时，会将该数据类型先转换为布尔值后再取反

console.log(!""); // true console.log(!"false"); // false console.log(!2); // false console.log(![]); // false console.log(!["false"]); // false console.log(!NaN); // true 

关于其他数据类型转布尔值，以下均返回true：

① 非空字符串
② 非零数值
③ 数组
④ 对象
⑤ 函数

理解了以上数据类型转换规则之后在来理解[]==![]的问题就很简单了：

① 将==右侧数组转换为布尔值后再取反，转换后相当于[]==false
② 根据“比较前布尔值转数值”规则，转换后相当于[]==0
③ 根据“比较前数组遇数值先转字符串后转数值”规则，转换后相当于0==0

5.'5'+3;'5'-3;
输出53,2

6.[1<2<3,3<2<1]
输出[true,true]

7.Math.ceil(-3.14)

输出-3

8.下面关于数组的描述正确的是（ ）

A.数组的length既可以获取，也可以修改；
B.调用pop（）方法，不会修改原数组中的值；

C:shift()方法的返回值是新数组的长度；

D.调用concat()方法，会修改原数组的值；

9.下列程序中alert按顺序分别弹出什么？

var a=10;

function test(){

       a=100;

       alert(a);

       alert(this.a);

       var a;

       alert(a);

}

test();

//输出100,10,100

 10.null == undefined; ==>ture

null === unfined;==>false

NaN ==NaN; ==>false

11.下面的描述中不正确的是（ ）

A.arguments中保存了实际传入函数内的所有参数；

B.return只能在函数内部使用；

C.setInterval(fn1,1000)只会调用一次fn1；
D.Date对象的getMonth（）获取到的值比实际月份小1；

12.alert('12'>'9')

输出false

 13.[1,2,3,4].join('0').split('')

输出["1","0","2","0","3","0","4"];

14.[,,,].join(",")

输出",,"

15.

function foo(){}
var oName=foo.name;
foo.name="bar";
[oName,foo.name]

输出{"foo","foo"]

16.填空题

1.HTML5中，给