前端面试题 -- JS篇

类型

1.js中有哪些数据类型，并解释清楚原始数据类型和引用数据类型

js中共有null,undefined, string,number,boolean,object六种数据类型。

原始数据类型: null,undefined, string,number,boolean

引用数据类型:object

二者的区别：
1）值存储方式不一样：

原始数据类型：将变量名和值都存储在栈内存中

引用数据类型：将变量名存储在栈内存中，将值存储在堆内存中，并在栈内存中存储值的地址，该地址指向堆内存中的值。

2）赋值方式不一样：

当给b赋予另外一个a的值
若a值为原始数据类型，直接在栈内存中生成b值，两个变量之后进行值改变不会相互影响

若a值为引用数据类型，赋予b变量的是值地址，经过这个地址，二者指向的实际上是堆内存中的同一个值，因此之后a,b任一变量对值进行改变，会直接影响另外一个变量的值

2. 解释清楚 null 和 undefined

null表示一个标识被赋值了，且该标识赋值为“空值”,从逻辑角度来看，null值表示空对象指针；

undefined表示声明了标识，但没有给标识赋值。

3. 如何复制一个对象的值？

function cloneObject(object){
         var newObject = new Object();
         for(var i in object){
             newObject[i] = object[i];
         }
         return newObject;
      }

4. js在何时会进行隐式类型转换，转换的结果？

• 数值运算

• if

• .调用方法或属性

• !和!!

5. 类型识别的方法？

typeof a

• 能够判别标准类型，除了null以外
  typeof 1 返回结果："number" typeof {} 返回结果:"object"

• 不能判别具体的对象类型，除了function以外
  typeof [1] 返回结果:"object" typeof function(){} 返回结果:"function"

a instanceof b

• 能够判别内置对象类型
  [] instanceof Array 返回结果：true new String() instanceof String 返回结果：true

• 不能判别原始类型值
  'a' instanceof String 返回结果：false

• 能够判别自定义对象类型

  function Point(x,y){
           this.x = x;
           this.y = y
       }
  
   var c = new Point(1,2)
   c instanceof Point

  返回结果：true

a.constructor

• 能够判别标准数据类型（undefined和null除外）
  '123'.constructor == String 返回结果：true

• 能够判别具体的内置对象类型
  [1,2].constructor == Array 返回结果：true

• 能够判别自定义对象类型

  function Point(x,y){
       this.x = x;
       this.y = y
   }
  
   var c = new Point(1,2)
   c.constructor == Point

  返回结果：true

Object.prototype.toString.call(a)

• 能够判别标准数据类型
  Object.prototype.toString.call(1)返回结果:"[object Number]" Object.prototype.toString.call(undefined) 返回结果:"[object Undefined]"

• 能够判别内置对象类型
  Object.prototype.toString.call([a]) 返回结果:"[object Array]"

• 不能判别自定义对象类型

function Point(x,y){
      this.x = x;
      this.y = y
  }
  var c = new Point(1,2)
  Object.prototype.toString.call(c)

返回结果:"[object Object]"

工做中能够写一个函数方便断定

function type(obj){
          return Object.prototype.toString.call(obj).slice(8,-1)
      }

type('a') 返回结果: "String" type([a]) 返回结果: "Array"

函数

1. 函数里的this什么含义，什么状况下，怎么用?
谁调用的方法或者属性，this就指向谁
若是没有被谁调用，this指向window

2. bind,call,apply方法的使用，什么区别？何时用?

3. 函数curry化
函数curry化是什么意思？
把接受多个参数的函数转换为接受单一参数的函数，且函数能够持续接收参数
将一个复杂的问题片断化，使之进行简化

3. 数组和对象有哪些原生方法，列举一下，分别是什么含义，好比连接两个数组用哪一个方法，删除数组的指定项。

原型

1. 讲一下 prototype 是什么东西，原型链的理解，何时用 prototype?

proto

构造函数

闭包

1.什么是闭包？
2.闭包的做用和使用场景
闭包的做用一：隐藏、封装
闭包的做用二：记忆函数

变量做用域

ajax

1.讲解原生Js实现ajax的原理。

　　Ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。

　　Ajax的原理简单来讲经过XmlHttpRequest对象来向服务器发异步请求，从服务器得到数据，而后用javascript来操做DOM而更新页面。

　　XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript能够及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。

　　XMLHttpRequest这个对象的属性有：

onreadystatechange 每次状态改变所触发事件的事件处理程序。
responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码，好比常见的404（未找到）和200（已就绪）
status Text 伴随状态码的字符串信息
readyState 对象状态值
0 (未初始化) 对象已创建，可是还没有初始化（还没有调用open方法）
1 (初始化) 对象已创建，还没有调用send方法

2 (发送数据) send方法已调用，可是当前的状态及http头未知

3 (数据传送中) 已接收部分数据，由于响应及http头不全，这时经过responseBody和responseText获取部分数据会出现错误，

4 (完成) 数据接收完毕,此时能够经过经过responseXml和responseText获取完整的回应数据

正则表达式

Coding Questions

1. Question: How would you make this work?

add(2, 5); // 7
add(2)(5); // 7

function addto(){
    var length = arguments.length;
    var sum = 0;
    for(var i = 0;i<length;i++){
        sum += arguments[i]
    }
    return sum;
}

function add(){
    var value = addto.apply(add,arguments);
    var helper = function(next){
        typeof next == "number" ? value+=next:value;
        return helper
    }
    helper.valueOf = function(){
        return value;
    }
    return helper;
}

1. Make this work: duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]

function duplicate(arr){
         var length = arr.length;
         for(var i=0;i<length;i++)
         arr.push(arr[i])
         return arr;
     }

3.如何获取一个大于等于0且小于等于9的随机整数？.

function randomNum(){
         return Math.floor(Math.random()*10)
     }

4.想要去除一个字符串的第一个字符，有哪些方法能够实现.

str.slice(1)
     str.substr(1)
     str.substring(1)
     str.replace(/./,'')
     str.replace(str.charAt(0),'')

5.对一个数组（每项都是数值）求和，有哪些方法？
6.If you have var y = 1, x = y = typeof x; What is the value of x?Answer: "undefined"