`

JavaScript(1)

 
阅读更多

1,编写一个方法 求一个字符串的字节长度

new function(s) { 

   if(!arguments.length||!s) return null;

   if(""==s) return 0;

   var l=0; 

   for(var i=0;i<s.length;i++) { 

   if(s.charCodeAt(i)>255) l+=2;    

   else l++;

 

2,如何控制alert中的换行

alert("hello\nworld");

 

3,解释document.getElementById("ElementID").style.fontSize="1.5em" 

answer:  em是个相对单位。(px 和 rem)

 

4.table标签中border,cellpadding td标签中colspan,rowspan分别起什么作用?  

border边界  

cellpadding边距   

cellpadding,是补白,是指单元格内文字与边框的距离  cellspacing,两个单元格之间的距离  

colspan跨列数  rowspan跨行数

 

5.form中的input可以设置readonly和disable,请问这两项属性有什么区别?  

 readonly不可编辑,但可以选择和复制;值可以传递到后台 

disabled不能编辑,不能复制,不能选择;值不可以传递到后台

 

6,JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?  alert  confirm  prompt 

 

7,把字符串中所有单词的首字母都转换为大写个

name = 'aaa bbb ccc'; 

 

uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} );

 

8.写出一下运算结果 

alert(typeof(null))  // object 
alert(typeof(undefined))  // undefined 
alert(typeof(NaN))  // number 
alert(NaN==undefined)  // false 
alert(NaN==NaN)  // false 
var str="123abc"; 
alert(typeof(str++)) // number :隐式类型转换

alert(str) // NaN

9、写出函数DateDemo的返回结果,系统时间假定为今天 
function DateDemo(){ 
var d, s="今天日期是:"; 
d = new Date(); //假定今天是2010年8月17日
s += d.getMonth() + "/";  //js中的month是从0开始的,所以这个值会比当前实际月份小1
s += d.getDate() + "/"; 
s += d.getYear(); 
return s; 

结果:今天日期是:7/17/2010 

 

10.用正则怎样去掉重复的字符串,只保留一个

var str= "aaaebbbcccddd";
str = str.replace(/(.)\1+/g,'$1')

alert(str)

 

11,简述DIV元素和SPAN元素的区 别。

   

 

12 求y和z的值是多少? 

<script type="text/javascript"> var x = 1; var y = 0; var z = 0; 

   function add(n){n=n+1;} y = add(x); 

   function add(n){n=n+3;} z = add(x);

</script> 

都为undefined,因为没有返回值。

 

13,javascript是面向对象的,怎么体现javascript的继承关系? 使用prototype来实现。

 

14,运行的结果?

function hi(){ var a; alert(a); } 

 

结果:undefined 

function hi(){ var a = null; alert(a); } 

 

结果:null 

 

15,navigator 

表示浏览器的信息及js运行的环境 

navigator.cookieEnabled:该属性表示是否启用cookie

 

16,XMLHTTPRequest对象是什么? Ajax原理

 

 

 

第一题

What is the result of this expression? (or multiple ones)

["1", "2", "3"].map(parseInt) 

 

A:["1", "2", "3"]

B:[1, 2, 3]

C:[0, 1, 2]

D:other

解答:这里考的是map、parseInt的用法。map会传递三个参数给其作为参数的函数,为(element, index, array),分别为当前的元素、当前元素在数组中的位置、整个数组:

> ["1", "2", "3"].map(function(){console.log(arguments)}) 

["1", 0, Array[3]]

["2", 1, Array[3]]

["3", 2, Array[3]]

 

而parseInt只接收两个参数,为(element, radix),element代表需要被转换为int的字符串,radix代表当前字符串里数字的进制数

所以相当于说,结果数组的元素实际分别为为:

parseInt("1", 0)

parseInt(“2″1)

parseInt(“3″2)

 

parseInt(“1″, 0)的值为1,MDN上可以看到parseInt函数的radix为0时的行为

If radix is undefined or 0 (or absent), JavaScript assumes the following:

If the input string begins with “0x” or “0X”, radix is 16 (hexadecimal) and the remainder of the string is parsed.

If the input string begins with “0″, radix is eight (octal) or 10 (decimal). Exactly which radix is chosen is implementation-dependent. ECMAScript 5 specifies that 10 (decimal) is used, but not all browsers support this yet. For this reason always specify a radix when using parseInt.

If the input string begins with any other value, the radix is 10 (decimal).

所以这里radix值实际为10,所以结果为1

而parseInt(“2″, 1)和parseInt(“3″, 2)则确实无法解析,会生成NaN

所以答案为[1,NaN,NaN],为D

第二题和第五题

What is the result of this expression? (or multiple ones)

[typeof null, null instanceof Object]

 

A: ["object", false]

B: [null, false]

C: ["object", true]

D: other

考察typeof运算符和instanceof运算符,上MDN上看一下typeof运算符,一些基础类型的结果为:

Undefined “undefined”

Null “object”

Boolean “boolean”

Number “number”

String “string”

Any other object “object”

Array “object”

自从javascript创造出来,typeof null的值就是object了

而null instanceof 任何类型 都是false

所以答案为["object", false], 选A

第三题

What is the result of this expression? (or multiple ones)

[ [3,2,1].reduce(Math.pow), [].reduce(Math.pow)] ]

 

A: an error

B: [9, 0]

C: [9, NaN]

D: [9, undefined]

这题考的Math.pow和Array.prototype.reduce

Math.pow(base, exponent)接受两个参数:基数、需要计算的次方

reduce传递给其作为参数的函数几个值:

* previousValue:上一次计算的结果

* currentValue:当前元素的值

* index: 当前元素在数组中的位置

* array:整个数组

reduce本身接受两个参数,callback和initialValue,分别是reduce的回调函数和计算初始值–也就是第一次reduce的callback被调用时的previousValue的值,默认为0

reduce在数组为空且没有定义initialValue时,会抛出错误,如chrome下:TypeError: Reduce of empty array with no initial value

所以选A

第四题

What is the result of this expression? (or multiple ones)

var val = 'smtg';

console.log(‘Value is ‘ + (val === ‘smtg’) ? ‘Something’ : ‘Nothing’);

 

A: Value is Something

B: Value is Nothing

C: NaN

D: other

这题考的javascript中的运算符优先级,MDN传送门,这里’+'运算符的优先级要高于’?'所以运算符,实际上是 ‘Value is true’?'Something’ : ‘Nothing’,当字符串不为空时,转换为bool为true,所以结果为’Something’,选D

第六题

What is the result of this expression? (or multiple ones)

var name = 'World!';

(function () {

if (typeof name === ‘undefined’) {

var name = ‘Jack’;

console.log(‘Goodbye ‘ + name);

else {

console.log(‘Hello ‘ + name);

}

})();

 

A: Goodbye Jack

B: Hello Jack

C: Hello undefined

D: Hello World

这题考的是javascript作用域中的变量提升,javascript的作用于中使用var定义的变量都会被提升到所有代码的最前面,于是乎这段代码就成了:

var name = 'World!';

(function () {

var name;//现在还是undefined

if (typeof name === ‘undefined’) {

name = ‘Jack’;

console.log(‘Goodbye ‘ + name);

else {

console.log(‘Hello ‘ + name);

}

})();

 

这样就很好理解了,typeof name === 'undefined'的结果为true,所以最后会输出’Goodbye Jack’,选A

第七题

What is the result of this expression? (or multiple ones)

var END = Math.pow(2, 53);

var START = END – 100;

var count = 0;

for (var i = START; i <= END; i++) {

count++;

}

console.log(count);

 

A: 0

B: 100

C: 101

D: other

这题考查javascript中的数字的概念:首先明确一点,javascript和其他语言不同,仅有一种数字,IEEE 754标准的64位浮点数,能够表示的整数范围是-2^53~2^53(包含边界值),所以Math.pow(2, 53)即为javascript中所能表示的最大整数,在最大整数在继续增大就会出现精度丢失的情况,END + 1 的值其实是等于END的,这也就造成了死循环,所以选D

第八题

What is the result of this expression? (or multiple ones)

var ary = [0,1,2];

ary[10] = 10;

ary.filter(function(x) { return x === undefined;});

 

A: [undefined × 7]

B: [0, 1, 2, 10]

C: []

D: [undefined]

考查Array.prototype.filter方法的使用,MDN上有这么一句it is not invoked for indexes which have been deleted or which have never been assigned values,所以结果为空数组,选C

第九题

What is the result of this expression? (or multiple ones)

var two   = 0.2

var one = 0.1

var eight = 0.8

var six = 0.6

[two - one == one, eight - six == two]

 

A: [true, true]

B: [false, false]

C: [true, false]

D: other

浮点数计算时的精度丢失问题,其他语言也会出现…至于结果,反正我是蒙的…chrome中计算出来的结果:[0.1, 0.20000000000000007],也就是[true, false],选C

第十题

What is the result of this expression? (or multiple ones)

function showCase(value) {

switch(value) {

case ‘A’:

console.log(‘Case A’);

break;

case ‘B’:

console.log(‘Case B’);

break;

case undefined:

console.log(‘undefined’);

break;

default:

console.log(‘Do not know!’);

}

}

showCase(new String(‘A’));

 

A: Case A

B: Case B

C: Do not know!

D: undefined

这题考的是使用new方法创建基础类型,使用new方法创建的基础类型,首先来看个栗子(chrome):

> typeof new String("skyinlayer");

“object”

typeof “skyinlayer”;

“string”

 

这样基本上就能看到结果了,但是为什么呢?MDN上的解释是,字符串字面量和直接调用String()方法(不使用new调用构造函数)的结果是原始字符串。JS自动回转化原始字符串到String对象。所以可以在原始字符串上使用用String对象的方法。而在上下文中,在原始字符串的方法被调用或者从其中获取属性时,JS会自动包裹原始字符串然后调用方法或者获取属性。

所以呢,JS本身有原始字符串和字符串对象之分,只不过在调用方法和获取属性时的时候会自动转换,但typeof运算符运算时是不会转换的。Number和Boolean同样适用

所以这里结果为Do not know!,选C

 

第十一题

What is the result of this expression? (or multiple ones)

function showCase2(value) {

switch(value) {

case ‘A’:

console.log(‘Case A’);

break;

case ‘B’:

console.log(‘Case B’);

break;

case undefined:

console.log(‘undefined’);

break;

default:

console.log(‘Do not know!’);

}

}

showCase(String(‘A’));

 

A: Case A

B: Case B

C: Do not know!

D: undefined

和上题原理一样,不过这里没有使用new来生成字符串,所以生成的结果就是原始字符串,相当于showCase('A'),所以结果就是A了

第十二题

What is the result of this expression? (or multiple ones)

function isOdd(num) {

return num % 2 == 1;

}

function isEven(num) {

return num % 2 == 0;

}

function isSane(num) {

return isEven(num) || isOdd(num);

}

var values = [74'13', -9Infinity];

values.map(isSane);

 

A: [true, true, true, true, true]

B: [true, true, true, true, false]

C: [true, true, true, false, false]

D: [true, true, false, false, false]

还是JS的数字相关,不过这次考察的是取模,这题我也是瞎蒙的(果断跪了)。

前两个基本上没什么疑问,必然是true

’13′在进行计算前则会进行隐式类型转换(JS最恶心的部分之一),详细参见$雨$的文章《Javascript类型转换的规则》,这里的规则就是将字符串通过Number()方法转换为数字,所以结果为13 % 2 ,也就是true

而JS中负数取模的结果是负数,这里-9%2的结果实际上是-1,所以为false

而Infinity对任意数取模都是NaN,所以是false

综上,结果为[true, true, true, false, false],也就是C

第十三题

What is the result of this expression? (or multiple ones)

parseInt(3, 8)

parseInt(32)

parseInt(30)

 

A: 3, 3, 3

B: 3, 3, NaN

C: 3, NaN, NaN

D: other

还是parseInt的题,考的和第一题类似,第一个值为3没什么好说的。如果出现的数字不符合后面输入的进制,则为NaN,所以第二个值为NaN。而radix为0时的情况第一题下面有介绍,这里也是一样为默认10,所以结果为3,所以答案为3, NaN, 3,选D

第十四题

What is the result of this expression? (or multiple ones)

Array.isArray( Array.prototype )

 

A: true

B: false

C: error

D: other

死知识,MDN传送门,这是MDN官方给的例子…

第十五题

What is the result of this expression? (or multiple ones)

var a = [0];

if ([0]) {

console.log(a == true);

else {

console.log(“wut”);

}

 

A: true

B: false

C: “wut”

D: other

同样是一道隐式类型转换的题,不过这次考虑的是’==’运算符,a本身是一个长度为1的数组,而当数组不为空时,其转换成bool值为true。

而==左右的转换,会使用如果一个操作值为布尔值,则在比较之前先将其转换为数值的规则来转换,Number([0]),也就是0,于是变成了0 == true,结果自然是false,所以最终结果为B

第十六题

What is the result of this expression? (or multiple ones)

[] == []

 

A: true

B: false

C: error

D: other

这题考的是数组字面量创建数组的原理和==运算符,首先JS中数组的真实类型是Object这点很明显typeof []的值为”object”,而==运算符当左右都是对象时,则会比较其是否指向同一个对象。而每次调用字面量创建,都会创造新的对象,也就是会开辟新的内存区域。所以指针的值自然不一样,结果为 false,选B

第十七题

What is the result of this expression? (or multiple ones)

'5' + 3  

’5′ – 3

 

A: 53, 2

B: 8, 2

C: error

D: other

又是一道隐式类型转换的题

加法: 加法运算中,如果有一个操作值为字符串类型,则将另一个操作值转换为字符串,最后连接起来

减法: 如果操作值之一不是数值,则被隐式调用Number()函数进行转换

所以第一行结果为字符串运算,为’53′。第二行结果为2,选A

第十八题

What is the result of this expression? (or multiple ones)

1 + - + + + - + 1 

 

A: 2

B: 1

C: error

D: other

C语言中的经典…对于这种问题,原理什么的不懂,蒙吧,结果是2

第十九题

What is the result of this expression? (or multiple ones)

var ary = Array(3);

ary[0]=2

ary.map(function(elem) { return ’1′; });

 

A: [2, 1, 1]

B: ["1", "1", "1"]

C: [2, "1", "1"]

D: other

又是考的Array.prototype.map的用法,map在使用的时候,只有数组中被初始化过元素才会被触发,其他都是undefined,所以结果为["1", undefined × 2],选D

第二十题

What is the result of this expression? (or multiple ones)

function sidEffecting(ary) { 

ary[0] = ary[2];

}

function bar(a,b,c) {

c = 10

sidEffecting(arguments);

return a + b + c;

}

bar(1,1,1)

 

A: 3

B: 12

C: error

D: other

这题考的是JS的函数arguments的概念:

在调用函数时,函数内部的arguments维护着传递到这个函数的参数列表。它看起来是一个数组,但实际上它只是一个有length属性的Object,不从Array.prototype继承。所以无法使用一些Array.prototype的方法。

arguments对象其内部属性以及函数形参创建getter和setter方法,因此改变形参的值会影响到arguments对象的值,反过来也是一样

所以,这里所有的更改都将生效,a和c的值都为10,a+b+c的值将为21,选D

第二十一题

What is the result of this expression? (or multiple ones)

var a = 111111111111111110000,
    b = 1111;
a + b;

A: 111111111111111111111

B: 111111111111111110000

C: NaN

D: Infinity

又是一道考查JavaScript数字的题,与第七题考察点相似。由于JavaScript实际上只有一种数字形式IEEE 754标准的64位双精度浮点数,其所能表示的整数范围为-2^53~2^53(包括边界值)。这里的111111111111111110000已经超过了2^53次方,所以会发生精度丢失的情况。综上选B

第二十二题

What is the result of this expression? (or multiple ones)

var x = [].reverse;
x();

A: []

B: undefined

C: error

D: window

这题考查的是函数调用时的this和Array.prototype.reverse方法。

首先看Array.prototype.reverse方法,首先举几个栗子:

console.log(Array.prototype.reverse.call("skyinlayer"));
//skyinlayer
console.log(Array.prototype.reverse.call({}));
//Object {}
console.log(Array.prototype.reverse.call(123));
//123

这几个栗子可以得出一个结论,Array.prototype.reverse方法的返回值,就是this

Javascript中this有如下几种情况:

全局下this,指向window对象

console.log(this);
//输出结果:
//Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}

函数调用,this指向全局window对象:

function somefun(){
    console.log(this);
}
somefun();
//输出结果:
//Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}

方法调用,this指向拥有该方法的对象:

var someobj = {};
someobj.fun = function(){
    console.log(this);
};
console.log(someobj.fun());
//输出结果:
//Object {fun: function}

调用构造函数,构造函数内部的this指向新创建对象:

function Con() {
    console.log(this);
}
Con.prototype.somefun = function(){};
console.log(new Con());
//输出结果:
//Con {somefun: function}

显示确定this:

function somefun(){
    console.log(this);
};
somefun.apply("skyinlayer");
somefun.call("skyinlayer");
//输出结果:
//String {0: "s", 1: "k", 2: "y", 3: "i", 4: "n", 5: "l", 6: "a", 7: "y", 8: "e", 9: "r", length: 10}
//String {0: "s", 1: "k", 2: "y", 3: "i", 4: "n", 5: "l", 6: "a", 7: "y", 8: "e", 9: "r", length: 10} 

这里可以看到,使用的是函数调用方式,this指向的是全局对象window,所以选D

第二十三题

What is the result of this expression? (or multiple ones)

Number.MIN_VALUE > 0

A: false

B: true

C: error

D: other

考查的Number.MIN_VALUE的概念,MDN传送门,关键的几句话
* The Number.MIN_VALUE property represents the smallest positive numeric value representable in JavaScript.
翻译:Number.MIN_VALUE表示的是JavaScript中最小的正数

  • The MIN_VALUE property is the number closest to 0, not the most negative number, that JavaScript can represent.
    翻译:MIN_VALUE是接近0的数,而不是最小的数

  • MIN_VALUE has a value of approximately 5e-324. Values smaller than MIN_VALUE (“underflow values”) are converted to 0.
    翻译:MIN_VALUE值约等于5e-324,比起更小的值(大于0),将被转换为0

所以,这里是true,选B

顺带把Number的几个常量拉出来:
* Number.MAX_VALUE:最大的正数
* Number.MIN_VALUE:最小的正数
* Number.NaN:特殊值,用来表示这不是一个数
* Number.NEGATIVE_INFINITY:负无穷大
* Number.POSITIVE_INFINITY:正无穷大

如果要表示最小的负数和最大的负数,可以使用-Number.MAX_VALUE和-Number.MIN_VALUE

第二十四题

What is the result of this expression? (or multiple ones)

[1 < 2 < 3, 3 < 2 < 1]

A: [true, true]

B: [true, false]

C: error

D: other

运算符的运算顺序和隐式类型转换的题,从MDN上运算符优先级,’<’运算符顺序是从左到右,所以变成了[true < 3, false < 1]

接着进行隐式类型转换,’<’操作符的转换规则(来自$雨$的文章《Javascript类型转换的规则》):

  1. 如果两个操作值都是数值,则进行数值比较
  2. 如果两个操作值都是字符串,则比较字符串对应的字符编码值
  3. 如果只有一个操作值是数值,则将另一个操作值转换为数值,进行数值比较
  4. 如果一个操作数是对象,则调用valueOf()方法(如果对象没有valueOf()方法则调用toString()方法),得到的结果按照前面的规则执行比较
  5. 如果一个操作值是布尔值,则将其转换为数值,再进行比较

所以,这里首先通过Number()转换为数字然后进行比较,true会转换成1,而false转换成0,就变成了[1 < 3, 0 < 1]

所以结果为A

第二十五题

What is the result of this expression? (or multiple ones)

// the most classic wtf
2 == [[[2]]]

A: true

B: false

C: undefined

D: other

又是隐式类型转换的题(汗)

题目作者的解释是:
both objects get converted to strings and in both cases the resulting string is “2″

也就是说左右两边都被转换成了字符串,而字符串都是”2″

这里首先需要对==右边的数组进行类型转换,根据以下规则(来自justjavac的文章《「译」JavaScript 的怪癖 1:隐式类型转换》):
1. 调用 valueOf()。如果结果是原始值(不是一个对象),则将其转换为一个数字。
2. 否则,调用 toString() 方法。如果结果是原始值,则将其转换为一个数字。
3. 否则,抛出一个类型错误。

所以右侧被使用toString()方法转换为”2″,然后又通过Number(“2″)转换为数字2进行比较,结果就是true了,选A

第二十六题

What is the result of this expression? (or multiple ones)

3.toString()
3..toString()
3...toString()

A: “3″, error, error

B: “3″, “3.0″, error

C: error, “3″, error

D: other

说实话这题有点常见了,很多人都踩过3.toString()的坑(包括我)…虽然JavaScript会在调用方法时对原始值进行包装,但是这个点是小数点呢、还是方法调用的点呢,于是乎第一个就是error了,因为JavaScript解释器会将其认为是小数点。

而第二个则很好说通了,第一个点解释为小数点,变成了(3.0).toString(),结果就是”3″了

第三个也是,第一个点为小数点,第二个是方法调用的点,但是后面接的不是一个合法的方法名,于是乎就error了

综上,选C

第二十七题

What is the result of this expression? (or multiple ones)

(function(){
  var x = y = 1;
})();
console.log(y);
console.log(x);

A: 1, 1

B: error, error

C: 1, error

D: other

变量提升和隐式定义全局变量的题,也是一个JavaScript经典的坑…

还是那句话,在作用域内,变量定义和函数定义会先行提升,所以里面就变成了:

(function(){
    var x;
    y = 1;
    x = 1;
})();

这点会问了,为什么不是var x, y;,这就是坑的地方…这里只会定义第一个变量x,而y则会通过不使用var的方式直接使用,于是乎就隐式定义了一个全局变量y

所以,y是全局作用域下,而x则是在函数内部,结果就为1, error,选C

第二十八题

What is the result of this expression? (or multiple ones)

var a = /123/,
    b = /123/;
a == b
a === b

A: true, true

B: true, false

C: false, false

D: other

首先需要明确JavaScript的正则表达式是什么。JavaScript中的正则表达式依旧是对象,使用typeof运算符就能得出结果:

console.log(typeof /123/);
//输出结果:
//"object"

==运算符左右两边都是对象时,会比较他们是否指向同一个对象,可以理解为C语言中两个指针的值是否一样(指向同一片内存),所以两个结果自然都是false

第二十九题

What is the result of this expression? (or multiple ones)

var a = [1, 2, 3],
    b = [1, 2, 3],
    c = [1, 2, 4]
a == b
a === b
a > c
a < c

A: false, false, false, true

B: false, false, false, false

C: true, true, false, true

D: other

和上题类似,JavaScript中Array的本质也是对象,所以前两个的结果都是false,

而JavaScript中Array的’>’运算符和’<’运算符的比较方式类似于字符串比较字典序,会从第一个元素开始进行比较,如果一样比较第二个,还一样就比较第三个,如此类推,所以第三个结果为false,第四个为true。

综上所述,结果为false, false, false, true,选A

 

第三十题

What is the result of this expression? (or multiple ones)

var a = {}, b = Object.prototype;
[a.prototype === b, Object.getPrototypeOf(a) === b]

A: [false, true]

B: [true, true]

C: [false, false]

D: other

原型链的题(总会有的),考查的__proto__和prototype的区别。首先要明确对象和构造函数的关系,对象在创建的时候,其__proto__会指向其构造函数的prototype属性

Object实际上是一个构造函数(typeof Object的结果为”function”),使用字面量创建对象和new Object创建对象是一样的,所以a.__proto__也就是Object.prototype,而Object.getPrototypeOf(a)与a.__proto__是一样的,所以第二个结果为true

而实例对象是没有prototype属性的,只有函数才有,所以a.prototype其实是undefined,第一个结果为false

综上,选A

第三十一题

What is the result of this expression? (or multiple ones)

function f() {}
var a = f.prototype, b = Object.getPrototypeOf(f);
a === b

A: true

B: false

C: null

D: other

还是__proto__和prototype的区别,两者不是一个东西,所以选B

第三十二题

What is the result of this expression? (or multiple ones)

function foo() { }
var oldName = foo.name;
foo.name = "bar";
[oldName, foo.name]

A: error

B: ["", ""]

C: ["foo", "foo"]

D: ["foo", "bar"]

考察了函数的name属性,使用函数定义方式时,会给function对象本身添加一个name属性,保存了函数的名称,很好理解oldName为”foo”。name属性时只读的,不允许修改,所以foo.name = "bar";之后,foo.name还是”foo”,所以结果为["foo", "foo"],选C

PS:name属性不是一个标准属性,不要去使用,除非你想要坑别人

第三十三题

What is the result of this expression? (or multiple ones)

"1 2 3".replace(/\d/g, parseInt)

A: “1 2 3″

B: “0 1 2″

C: “NaN 2 3″

D: “1 NaN 3″

String.prototype.replace、正则表达式的全局匹配和parseInt(又是parseInt…),可以根据题意看出来题目上漏了一个’\’

首先需要确定replace会传给parseInt哪些参数。举个栗子:

"1 2 3".replace(/\d/g, function(){
    console.log(arguments);
});
//输出结果:
//["1", 0, "1 2 3"]
//["2", 2, "1 2 3"]
//["3", 4, "1 2 3"] 

一共三个:
1. match:正则表达式被匹配到的子字符串
2. offset:被匹配到的子字符串在原字符串中的位置
3. string:原字符串

这样就很好理解了,又回到之前parseInt的问题了,结果就是parseInt(“1″, 10), parseInt(“2″, 2), parseInt(“3″, 4)所以结果为”1, NaN, 3″,选D

第三十四题

What is the result of this expression? (or multiple ones)

function f() {}
var parent = Object.getPrototypeOf(f);
f.name // ?
parent.name // ?
typeof eval(f.name) // ?
typeof eval(parent.name) //  ?

A: “f”, “Empty”, “function”, “function”

B: “f”, undefined, “function”, error

C: “f”, “Empty”, “function”, error

D: other

又是Function.name属性的题,和三十二题一样样,f.name值为”f”,而eval(“f”)则会输出f函数,所以结果为”function”

接着看parent,parent实际上就是f.__proto__,需要明确的是JavaScript中的函数也是对象,其也有自己的构造函数Function,所以f.__proto__ === Function.prototype结果是true,而Function.prototype就是一个名为Empty的function

console.log(Function.prototype);
console.log(Function.prototype.name);
//输出结果:
//function Empty() {}
//Empty

所以parent.name的值为Empty

如果想直接在全局作用域下调用Empty,显示未定义…因为Empty并不在全局作用域下

综上所述,结果为C

第三十五题

What is the result of this expression? (or multiple ones)

var lowerCaseOnly =  /^[a-z]+$/;
[lowerCaseOnly.test(null), lowerCaseOnly.test()]

A: [true, false]

B: error

C: [true, true]

D: [false, true]

正则表达式的test方法会自动将参数转换为字符串,原式就变成了[lowerCaseOnly.test("null"), lowerCaseOnly.test("undefined")],结果都是真,所以选C

第三十六题

What is the result of this expression? (or multiple ones)

[,,,].join(", ")

A: “, , , “

B: “undefined, undefined, undefined, undefined”

C: “, , “

D: “”

JavaScript中使用字面量创建数组时,如果最末尾有一个逗号’,',会背省略,所以实际上这个数组只有三个元素(都是undefined):

console.log([,,,].length);
//输出结果:
//3

而三个元素,使用join方法,只需要添加两次,所以结果为”, , “,选C

第三十七题

What is the result of this expression? (or multiple ones)

var a = {class: "Animal", name: 'Fido'};
a.class

A: “Animal”

B: Object

C: an error

D: other

经典坑中的一个,class是关键字。根据浏览器的不同,结果不同:

chrome的结果: “Animal”

Firefox的结果:”Animal”

Opera的结果:”Animal”

IE 8以上也是: “Animal”

IE 8 及以下: 报错

分享到:
评论

相关推荐

    The Principles of Object-Oriented JavaScript 1st Edition

    The Principles of Object-Oriented JavaScript 1st Edition If you've used a more traditional object-oriented language, such as C++ or Java, JavaScript probably doesn't seem object-oriented at all. It ...

    javaScript1.md

    javaScript1.md

    [精通JavaScript动态网页编程].王俊杰.扫描版

    本书结合JavaScript 1 5和Jscript 5 5 由浅入深 循序渐进地全面介绍了JavaScript知识体系及编程设计技巧 全书分4篇 共30章 内容涵盖了JavaScript语法 JavaScript核心内容 JavaScript高级以及JavaScript应用等内容 对...

    Javascript和android原生互调,代码简洁易懂,能运行

    1. `loadUrl()`: Android原生代码可以通过调用`webview.loadUrl("javascript:javascriptFunctionName()")`来执行JavaScript代码,其中`javascriptFunctionName()`是JavaScript函数名。 2. `evaluateJavascript()`: ...

    深入理解JavaScript系列

    本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法、值、运算符、布尔类型、数字、字符串、语句、异常...

    《JavaScript》课程标准

    1. JavaScript 概述:了解 JavaScript 的起源和背景;掌握 JavaScript 的应用;掌握 JavaScript 的开发环境的使用。 2. 核心 JavaScript:掌握 JavaScript 的基本语法;掌握 JavaScript 的高级特性。 3. 客户端 ...

    精通javascript1

    精通javascript精通javascript精通javascript精通javascript精通javascript

    head first JavaScript源码

    《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码,这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...

    JavaScript权威指南(JavaScript犀牛书一本)

    1. **基础语法**:讲解了变量、数据类型、运算符、流程控制(如条件语句、循环)、函数等基本元素,帮助初学者建立JavaScript编程的基本框架。 2. **对象和原型**:深入探讨了JavaScript的面向对象特性,包括对象...

    JavaScript文档

    本资源包包含了多个关于JavaScript的重要参考资料,包括“JavaScript权威指南(英文版).chm”、“javascript5.5.chm”、“css2gb.chm”以及“JavaScript对象与数组参考大全 .chm”。 首先,我们来看“JavaScript权威...

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第...

    JavaScript学习指南 高清 PDF

    1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作符(算术、比较、逻辑)、流程控制(条件语句、循环语句)以及函数。理解这些基本概念是进一步学习的基石。...

    JavaScript基础语法(ppt)

    JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)JavaScript基础语法(ppt)...

    VS2015安装证书,JavaScript_ProjectSystem.msi,JavaScript_LanguageService.msi

    1. **JavaScript_ProjectSystem.msi**:这是一个项目系统组件,它为Visual Studio提供了管理和构建JavaScript项目的功能。JavaScript Project System使得开发者能够在IDE中创建、编辑、调试和构建基于JavaScript的...

    Free JavaScript Editor 4.7 javascript编辑器 天涯浪子

    Free JavaScript Editor编辑器是一个先进的Java脚本编辑器,验证器和调试器对于初学者和专家。 免费的JavaScript编辑器是用于专业编辑...我就没发现这个和1st javascript editor 有何区别(除了版本号和名字之外)

    javaScript api

    1. DOM操作:JavaScript API允许开发者通过DOM来创建、修改和查询HTML或XML文档结构。例如,`document.createElement()`用于创建新的HTML元素,`element.appendChild()`用于将元素添加到父元素,而`querySelector()`...

    JavaScript函数(源代码)

    JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)JavaScript函数(源代码)...

    JavaScript课堂习题答案

    JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案JavaScript课堂习题答案...

    JavaScript全栈教程 (廖雪峰) 完整版PDF

    简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。在Web世界里,只有JavaScript能跨平台、跨浏览器驱动网 页,与用户交互。 《JavaScript全栈教程》是小白的零基础JavaScript全栈教程。从基础入门在...

Global site tag (gtag.js) - Google Analytics