javascript高级
1. 常用js类定义的方法有哪些?
参考答案:主要有构造函数原型和对象创建两种方法。原型法是通用老方法,对象创建是ES5推荐使用的方法.目前来看,原型法更普遍.
代码演示
-
构造函数方法定义类
function Person(){
this.name = ‘michaelqin’;
}
Person.prototype.sayName = function(){
alert(this.name);
}var person = new Person();
person.sayName(); -
对象创建方法定义类
var Person = {
name: ‘michaelqin’,
sayName: function(){ alert(this.name); }
};var person = Object.create(Person);
person.sayName();
2. js类继承的方法有哪些
参考答案:原型链法,属性复制法和构造器应用法. 另外,由于每个对象可以是一个类,这些方法也可以用于对象类的继承.
代码演示
-
原型链法
function Animal() {
this.name = ‘animal’;
}
Animal.prototype.sayName = {
alert(this.name);
};function Person() {}
Person.prototype = Animal.prototype; // 人继承自动物
Person.prototype.constructor = ‘Person’; // 更新构造函数为人 -
属性自制法
function Animal() {
this.name = ‘animal’;
}
Animal.prototype.sayName = {
alert(this.name);
};function Person() {}
for(prop in Animal.prototype) {
Person.prototype[prop] = Animal.prototype[prop];
} // 复制动物的所有属性到人量边
Person.prototype.constructor = ‘Person’; // 更新构造函数为人 -
构造器应用法
function Animal() {
this.name = ‘animal’;
}
Animal.prototype.sayName = {
alert(this.name);
};function Person() {
Animal.call(this); // apply, call, bind方法都可以.细微区别,后面会提到.
}
3. js类多重继承的实现方法是怎么样的?
参考答案:就是类继承里边的属性复制法来实现.因为当所有父类的prototype属性被复制后,子类自然拥有类似行为和属性.
4. js里的作用域是什么样子的?
参考答案:大多数语言里边都是块作作用域,以{}进行限定,js里边不是.js里边叫函数作用域,就是一个变量在全函数里有效.比如有个变量p1在函数最后一行定义,第一行也有效,但是值是undefined.
代码演示
var globalVar = ‘global var’;
function test() {
alert(globalVar); // undefined, 因为globalVar在本函数内被重定义了,导致全局失效,这里使用函数内的变量值,可是此时还没定义
var globalVar = 'overrided var'; // globalVar在本函数内被重定义
alert(globalVar); // overrided var
}
alert(globalVar); // global var,使用全局变量
5. js里边的this指的是什么?
参考答案: this指的是对象本身,而不是构造函数.
代码演示
function Person() {
}
Person.prototype.sayName() { alert(this.name); }
var person1 = new Person();
person1.name = 'michaelqin';
person1.sayName(); // michaelqin