JavaScript-- 基础知识面试题

1.JavaScript语言特点

　　1.弱类型，数据类型由数据的值决定

　　2.解释性脚本语言--解释器是JS引擎 是浏览器的一部分

　　3.运行在客户端浏览器上

　　4.有事件驱动机制（按下鼠标，移动窗口等）

　　5.与操作系统无关，跨平台语言

2.盒子模型

　　标准盒子模型：左右margin+左右padding+左右border+width

　　IE盒子模型：左右margin+width（包括padding和border）

3.CSS Sprite 是一种网页图片应用处理技术，将一个页面需要用到的图片整合成一张或少张图片 以此来减少网页的HTTP请求，提高性能，这是它最大的优点

　　使用方法 设置其为background-img：url()，设置其定位：background-position：x,y

　　它的优点：减少网页的http请求 提升性能

　　　　　　　减少了图片的字节，多张图片合成一张图片的字节小于多张图片的总和

　　　　　　　减少了命名困扰，只需对一张集合的图片命名，提高制作效率

　　　　　　　更换风格方便，只需在一张或少张图片上修改图片的颜色或样式

　　它的缺点：合成麻烦

4.link和@import的区别

　　1.link属于HTML标签，而import是css提供的

　　2.页面加载时，link会被同事加载，而@import引用的css样式会后加载

　　3.link无兼容问题，而import只在IE5以上才能被识别到

　　4.link的权重高于import

5.CSS中可以继承的属性有：font-size、color

5.在原型链上对数组去重

var a = 10;
function a(){
}
console.log(typeof a);

Array.prototype.unique1 = function (arr) {
var n = []; //一个新的临时数组
for (var i = 0; i < this.length; i++) //遍历当前数组
{
//如果当前数组的第i已经保存进了临时数组，那么跳过，
//否则把当前项push到临时数组里面
if (n.indexOf(this[i]) == -1) n.push(this[i]);
}
return n;
}
var arr = [2,5,8,7,4,9,5,6,1,2,5];
console.log(arr.unique1());

6.关于原型

function A(x){
this.x= x;
}
A.prototype.x = 1;
function B(x){
this.x= x;
}

B.prototype = new A();
var a = new A(2);
var b = new B();
console.log(a.x,b.x);//2 undefined

B的原型由A的构造函数创建 在A构造函数中 x这个属性声明且复制为undefined，当执行b.x 时先在对象中寻找x属性值 若不存在则去原型中寻找

7.关于原型

var A = {n:4399};
var B= function(){this.n = 9999};
var C = function(){var n = 8888};
// 将B和C的原型都设置为A对象
B.prototype =A;
C.prototype = A;
var b = new B();
var c = new C();
// 对象A的属性n++ n=4400
A.n++;
// 这是输出b.n 会先去自己的对象中查找属性 找到n=9999
console.log(b.n);
console.log(c.n);//对象没有属性 去原型中查找 n=4400

8.用for in 遍历对象属性时不仅遍历对象本身的属性和方法，同时会遍历原型链上的属性和方法

Object.prototype.bar = 1;

var foo = {moo : 2};

for(var i in foo){

　　console.log(i);

}

9.函数执行后变量无返回值

var x = 1, y = z = 0;

function add(n) {

n = n+1;

}

y = add(x);//执行add 但函数并未return返回值，此时变量会被赋值为undefined

function add(n) {

n = n + 3;

}

z = add(x);//与y同理

10.下列代码的输出结果

alert(typeof(null));  //object

alert(typeof(undefined)); //undefined

alert(typeof(NaN));  //number

alert(NaN==undefined); //false NaN与任何数据类型比较结果都为false

alert(NaN==NaN); //false

var str="123abc";

alert(typeof(str++)); //number 会对str进行隐士转换为Number 但是转换失败 所以类型为number 值为NaN

alert(str);//NaN