js 下面代码输出什么?
1.如果我们使用JavaScript的"关联数组",我们怎么计算"关联数组"的长度?
var counterArray = {
A : 3,
B : 4
};
counterArray["C"] = 1;
答案:Object.keys(counterArray).length
2.什么是 instanceof
操作符?下面代码输出什么?
function foo(){
return foo;
}
console.log(new foo() instanceof foo);
答:instanceof
操作符用来判断是否当前对象是特定类的对象。instanceof是检测对象的原型链是否指向构造函数的prototype对象的
例如:
function Animal(){ //或者不写return语句
return this;
}
var dog = new Animal();
dog instanceof Animal // 输出 : true
但是,这里的foo定义为
function foo(){
return foo;
}
所以new foo() instanceof foo
返回 false
3.下面代码输出什么?
var salary = "1000$";
(function () {
console.log("Original salary was " + salary);
var salary = "5000$";
console.log("My New Salary " + salary);
})();
答: Original salary was undefined
My New Salary 5000$
考察的是变量提升。等价于以下代码
var salary = "1000$";
(function () {
var salary ;
console.log("Original salary was " + salary);
salary = "5000$";
console.log("My New Salary " + salary);
})();
4.两种函数声明有什么区别?
var foo = function(){
// code
};
function bar(){
// code
};
这也是变量提升的问题,看下面的例子:
console.log(foo);
console.log(bar);
var foo = function(){
// code
};
function bar(){
// code
};
输出:
undefined
function bar(){
// code
};
为什么 foo 打印出来是 undefined,而 bar打印出来却是函数?JavaScript在执行时,会将变量提升。
相当于下面的代码:
// foo bar的定义位置被提升
function bar(){
// code
};
var foo;
console.log(foo);
console.log(bar);
foo = function(){
// code
};
5.下面代码输出什么?
var foo = function bar(){
return 12;
};
typeof bar();
输出是抛出异常,bar is not defined。 这和作用域有关系。
如果想让代码正常运行,需要这样修改代码:
var bar = function(){
return 12;
};
typeof bar();
或者
function bar(){
return 12;
};
typeof bar();
详细说明:
var foo = function bar(){
// foo is visible here
// bar is visible here
console.log(typeof bar()); // Work here
};
// foo is visible here
// bar is undefined here
6.下面代码输出什么?
var z = 1,
y = z = typeof y;
console.log(y);
输出 undefined
。
js中赋值操作结合律是右至左的 ,即从最右边开始计算值赋值给左边的变量。
上面的代码相当于:
var z = 1;
z = typeof y;
var y = z;
console.log(y);
7.下面代码输出什么?
var bar = true;console.log(bar + 0);
console.log(bar + "xyz");
console.log(bar + true);
console.log(bar + false);
结果:
1
truexyz
2
1
加法操作表:
-
Number + Number -> 加法
-
Boolean + Number -> 加法
-
Boolean + Boolean -> 加法
-
Number + String -> 连接
-
String + Boolean -> 连接
-
String + String -> 连接
8.下面代码输出什么?
var trees = ["xyz","xxxx","test","ryan","apple"];
delete trees[3];
console.log(trees.length);
结果: 5 因为delete操作符并不是影响数组的长度。
9.怎么判断一个object是否是数组(array)?
@1 使用 Object.prototype.toString 来判断是否是数组
function isArray(obj){
return Object.prototype.toString.call( obj ) === '[object Array]';
}
这里使用call来使 toString 中 this 指向 obj。进而完成判断
@2 使用 原型链 来完成判断
function isArray(obj){
return obj.__proto__ === Array.prototype;
}
基本思想是利用 实例如果是某个构造函数构造出来的那么 它的 __proto__
是指向构造函数的 prototype
属性。
@3 利用JQuery
function isArray(obj){
return $.isArray(obj)
}
JQuery isArray 的实现其实就是@1
10.JavaScript怎么清空数组?
var arrayList = ['a','b','c','d','e','f'];
@1
arrayList = [];
直接改变arrayList所指向的对象,原对象并不改变。
@2
arrayList.length = 0;
这种方法通过设置length=0 使原数组清除元素。
11.写一个mul函数,使用方法如下。
console.log(mul(2)(3)(4)); // output : 24
console.log(mul(4)(3)(4)); // output : 48
答:
function mul (x) {
return function (y) {
return function (z) {
return x * y * z;
};
};
};
说明: mul 返回一个匿名函数,运行这个匿名函数又返回一个匿名函数,最里面的匿名函数可以访问 x,y,z 进而算出乘积返回即可。
对于JavaScript中的函数一般可以考察如下知识点:
-
函数是一等公民
-
函数可以有属性,并且能连接到它的构造方法
-
函数可以像一个变量一样存在内存中
-
函数可以当做参数传给其他函数
-
函数可以返回其他函数