题目&答案
- 介绍一下 JS 的基本数据类型。
Undefined、Null、Boolean、Number、String
- 介绍一下 JS 有哪些内置对象。
Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number、String
其他对象:Function、Argument、Math、Date、RegExp、Error
-
- 介绍一下 JavaScript 原型,原型链,它们有何特点?
每个对象都会在其内部初始化一个属性,就是prototype(原型),当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去prototype里找这个属性,这个prototype又会有自己的prototype, 于是就这样一直找下去,也就是我们平时所说的原型链的概念。 关系:instance.constructor.prototype = instance.__proto__ // 特点:JavaScript对象是通过引用来传递的,我们创建的每个新对象实体中并没有一份属于自己的原型副本,当我们修改原型时,与之相关的对象也会继承这一改变。 // 当我们需要一个属性时,JavaScript引擎会先看当前对象中是否有这个属性,如果没有的话,就会查找它的prototype对象是否有这个属性,如此递推下去,一致检索到Object内建对象。 function Func(){} Func.prototype.name = "Xiaosong"; Func.prototype.getInfo = function() { return this.name; } var person = new Func(); console.log(person.getInfo()); //"Xiaosong" console.log(Func.prototype); //Func { name = "Xiaosong", getInfo = function() }
- JavaScript 有几种类型的值?能否画一下它们的内存图?
栈:原始数据类型(Undefined,Null,Boolean,Number,String) 堆:引用数据类型(对象、数组、函数) 两种类型的区别:存储位置不同 // 原始数据类型直接存储在栈(stack)中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储; 引用数据类型存储在堆(heap)中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能;引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。
- JavaScript 如何实现继承?
(1)构造继承 (2)原型继承 (3)实例继承 (4)拷贝继承 // 原型prototype机制或apply和call方法去实现较简单,建议使用构造函数与原型混合方式。 function Parent() { this.name = 'song'; } function Child() { this.age = 28; } Child.prototype = new Parent(); //通过原型,继承了Parent // var demo = new Child()l; alert(demo.age); alert(demo.name); //得到被继承的属性
- JavaScript 有哪几种创建对象的方式?
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 = "Xiaosong"; person.age = "23"; person.work = function() { alert("Hello " + person.name); } person.work(); (3)用function来模拟参构造函数来实现(用this关键字定义构造的上下文属性) function Person(name,age,hobby) { this.name = name; //this作用域:当前对象 this.age = age; this.work = work; this.info = function() { alert("我叫" + this.name + ",今年" + this.age + "岁,是个" + this.work); } } var Xiaosong = new Person("WooKong",23,"程序猿"); //实例化、创建对象 Xiaosong.info(); //调用info()方法 (4)用工厂方式来创建(内置对象) var jsCreater = new Object(); jsCreater.name = "Brendan Eich"; //JavaScript的发明者 jsCreater.work = "JavaScript"; jsCreater.info = function() { alert("我是"+this.work+"的发明者"+this.name); } jsCreater.info(); (5)用原型方式来创建 function Standard(){} Standard.prototype.name = "ECMAScript"; Standard.prototype.event = function() { alert(this.name+"是脚本语言标准规范"); } var jiaoben = new Standard(); jiaoben.event(); (6)用混合方式来创建 function iPhone(name,event) { this.name = name; this.event = event; } iPhone.prototype.sell = function() { alert("我是"+this.name+",我是iPhone5s的"+this.event+"~ haha!"); } var SE = new iPhone("iPhone SE","官方翻新机"); SE.sell();
- eval 是做什么的?
它的功能是把对应的字符串解析成JS代码并运行; 应该避免使用eval,因为不安全,非常耗性能(2次,一次解析成js语句,一次执行)。