干货,2016最新的WEB前端开发工程师面试题(JavaScript部分)1网页前端/web开发工程师

/ 福州大学音乐学院网页前端/web开发工程师 / 2017-04-08

1、介绍js的基本数据类型。

 UndefinedNullBooleanNumberString

 

2介绍js有哪些内置对象?

Object JavaScript 中所有对象的父对象

 

数据封装类对象:ObjectArrayBooleanNumber String

其他对象:FunctionArgumentsMathDateRegExpError

 

3说几条写JavaScript的基本规范?

1.不要在同一行声明多个变量。

2.请使用 ===/!==来比较true/false或者数值

3.使用对象字面量替代new Array这种形式

4.不要使用全局函数。

5.Switch语句必须带有default分支

6.函数不应该有时候有返回值,有时候没有返回值。

7.For循环必须使用大括号

8.If语句必须使用大括号

9.for-in循环中的变量 应该使用var关键字明确限定作用域,从而避免作用域污染。

 

4JavaScript原型,原型链 ? 有什么特点?

每个对象都会在其内部初始化一个属性,就是prototype(原型),当我们访问一个对象的属性时,

如果这个对象内部不存在这个属性,那么他就会去prototype里找这个属性,这个prototype又会有自己的prototype

于是就这样一直找下去,也就是我们平时所说的原型链的概念。

关系:instance.constructor.prototype = instance.__proto__

 

特点:

JavaScript对象是通过引用来传递的,我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时,与之相关的对象也会继承这一改变。

 

 

 当我们需要一个属性的时,Javascript引擎会先看当前对象中是否有这个属性, 如果没有的话,

 就会查找他的Prototype对象是否有这个属性,如此递推下去,一直检索到 Object 内建对象。

    function Func(){}

    Func.prototype.name = "Sean";

    Func.prototype.getInfo = function() {

      return this.name;

    }

    var person = new Func();//现在可以参考var person = Object.create(oldObject);

    console.log(person.getInfo());//它拥有了Func的属性和方法

    //"Sean"

    console.log(Func.prototype);

    // Func { name="Sean", getInfo=function()}

 

5JavaScript有几种类型的值?,你能画一下他们的内存图吗?

栈:原始数据类型(UndefinedNullBooleanNumberString

堆:引用数据类型(对象、数组和函数)

 

两种类型的区别是:存储位置不同;

原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;

引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其

在栈中的地址,取得地址后从堆中获得实体

WEB前端开发,WEB前端开发工程师,汇鱼人才

 

6Javascript如何实现继承?

1、构造继承

2、原型继承

3、实例继承

4、拷贝继承

 

原型prototype机制或applycall方法去实现较简单,建议使用构造函数与原型混合方式。

 

 function Parent(){

        this.name = 'wang';

    }

 

    function Child(){

        this.age = 28;

    }

    Child.prototype = new Parent();//继承了Parent,通过原型

 

    var demo = new Child();

    alert(demo.age);

    alert(demo.name);//得到被继承的属性

  }

 

7javascript创建对象的几种方式?

javascript创建对象简单的说,无非就是使用内置对象或各种自定义对象,当然还可以用JSON;但写法有很多种,也能混合使用。

 

 

1、对象字面量的方式   

 

    person={firstname:"Mark",lastname:"Yun",age:25,eyecolor:"black"};

 

2、用function来模拟无参的构造函数

 

    function Person(){}

    var person=new Person();//定义一个function,如果使用new"实例化",function可以看作是一个Class

    person.name="Mark";

    person.age="25";

    person.work=function(){

    alert(person.name+" hello...");

    }

    person.work();

 

3、用function来模拟参构造函数来实现(用this关键字定义构造的上下文属性)

 

    function Pet(name,age,hobby){

       this.name=name;//this作用域:当前对象

       this.age=age;

       this.hobby=hobby;

       this.eat=function(){

          alert("我叫"+this.name+",我喜欢"+this.hobby+",是个程序员");

       }

    }

    var maidou =new Pet("麦兜",25,"coding");//实例化、创建对象

    maidou.eat();//调用eat方法

 

 

4、用工厂方式来创建(内置对象)

 

     var wcDog =new Object();

     wcDog.name="旺财";

     wcDog.age=3;

     wcDog.work=function(){

       alert("我是"+wcDog.name+",汪汪汪......");

     }

     wcDog.work();

 

 

5、用原型方式来创建

 

    function Dog(){

 

     }

     Dog.prototype.name="旺财";

     Dog.prototype.eat=function(){

     alert(this.name+"是个吃货");

     }

     var wangcai =new Dog();

     wangcai.eat();

 

 

6、用混合方式来创建

 

    function Car(name,price){

      this.name=name;

      this.price=price;

    }

     Car.prototype.sell=function(){

       alert("我是"+this.name+",我现在卖"+this.price+"万元");

      }

    var camry =new Car("凯美瑞",27);

    camry.sell();

 

8Javascript作用链域?

全局函数无法查看局部函数的内部细节,但局部函数可以查看其上层的函数细节,直至全局细节。

当需要从局部函数查找某一属性或方法时,如果当前作用域没有找到,就会上溯到上层作用域查找,

直至全局函数,这种组织形式就是作用域链。

 

9谈谈This对象的理解。

this总是指向函数的直接调用者(而非间接调用者);

如果有new关键字,this指向new出来的那个对象;

在事件中,this指向触发这个事件的对象,特殊的是,IE中的attachEvent中的this总是指向全局对象Window

 

想了解更多关于WEB前端开发工程师的内容敬请关注汇鱼人才



公众号,微信

汇鱼网海峡创乐汇
汇鱼网海峡创乐汇