面試的筆試題:
考察知識:toString()方法 返回一個對象的字符串描述
0
<script>
var a = {};
var b = {name:'張颯'};
var c = {};
//設置c的屬性
c['a'] = 'testa';
c['b'] = 'testb';
c[a] = 'TEXTA';//c[{}.toString()]
c[b] = 'TEXTB';//c[{name:'張三}.toString()]
console.log(c.a);//testa
console.log(c.b);//testb
console.log(c[a]);//TEXTB //c[b] = 'TEXTB',將c[a] = 'TEXTA';覆蓋了,所以為TEXTB
console.log(c[b]);//TEXTB
console.log(c['a']);//testa
console.log(c['b']);//testb
console.log(a.toString());//'{}'[object Object] //[對象類型 構造函數(shù)]
console.log(b.toString());//[object Object]
</script>
1
<script>
function foo(){
var num = 123;
console.log(num);
}
foo();//123
console.log(num);//報錯
</script>
2
<script>
//var scope;聲明提前
/* function foo() {
console.log(scope);
scope = 'local';
console.log(scope);
}*/
var scope = 'global';
foo();//global local
function foo(){
console.log(scope);//global
scope = 'local';
console.log(scope);//local
}
console.log(scope);//local
</script>
3
<script>
//全局變量自動生成window的屬性
/* function f1(){
//var a;
if('a' in window){
var a = 10;
}
console.log(a);//undefined
}
f1();//undefined*/
/* //var a;
if('a' in window){
var a = 10;
}
console.log(a);//10*/
//var a;
if(!'a' in window){
var a = 10;
}
console.log(a);//undefined
</script>
4
<script>
//var foo;
/*function bar(){
var foo;
if(!foo){
foo = 10;
}
alert(foo);
}*/
//foo = 1;
var foo = 1;
function bar(){
var foo;
if(!foo){//true
foo = 10;
}
alert(foo);
}
bar();//10
</script>
5
<script>
function Foo(){
getName = function (){
console.log('1');
};
return this;
}
//此處的this指向window
/*console.log(Foo());*/
/*function Foo.getName(){
console.log('2');
};與下面的表達式等價*/
Foo.getName = function (){
console.log('2');
};
Foo.prototype.getName = function (){
console.log('3');
};
var getName = function (){
console.log('4');
};
function getName(){
console.log('5');
};
Foo.getName();//2
getName();//4
Foo().getName();//1 //window.getName(); 1
getName();//1
new Foo().getName();//3 //先計算new Foo()為一個新創(chuàng)建的對象, 對象.方法
new new Foo().getName();//3//先計算new Foo().getName()為3,然后再new 3 為3;
</script>
6
<script>
var getName;
function Foo() {
getName = function(){
console.log("1");
};
return this;
}
Foo.getName = function() {
console.log("2");
};
Foo.prototype.getName = function(){
console.log("3");
};
getName = function() {
console.log("4");
};
Foo.getName(); // 2
getName(); // 4
Foo().getName(); // 1
</script>
7
01 以下創(chuàng)建對象的方法,錯誤的是:
<script>
var obj1 = new Object();
obj1.name = "XMG";
obj1.getName = function () {
return this.name;
}
console.log(obj1.getName());
</script>
<script>
var obj2 = {
name:"XMG",
getName:function () {
return this.name;
}
}
console.log(obj2.getName());
</script>
<script>
var MYClass = function () {
// function MYClass () {
this.name = "XMG";
this.getName = function () {
return this.name;
}
};
var obj3 = new MYClass();
console.log(obj3.getName());
</script>
<script>
var obj4; //undefiend
obj4.name = "XMG";
obj4.getName = function () {
return this.name;
};
console.log(obj4);
</script>
02 請給出以下代碼的打印結果
變量和函數(shù)的提升（函數(shù)和變量同名
）
<script>
function test() {};
console.log(typeof test); //? function ?string
var test = "2017";
console.log(typeof test);
</script>
03 請給出以下代碼的輸出結果
<script>
//1 - true
//0 -false
//負數(shù) - false
var f = new Object(-2);
if (f == true) {
var a = 10;
}
function fn() {
var b = 20;
c = 30;
}
fn();
console.log(a); //? 10 ? undefined ？
// console.log(b); //? 報錯 ？ 20
// console.log(c); //30 ？
</script>
04 請給出下面代碼的輸出結果
即時函數(shù)
變量聲明的提升
<script>
var name = 'World!';
(function () {
if (name == undefined) { //undefied "undefined"
name = '文頂頂';
console.log('Goodbye ' + name);
} else {
console.log('Hello ' + name);
}
})();
</script>
05 請給出下面代碼的結果
輸出的結果是
<script>
console.log(Array.isArray(Array.prototype));
// console.log(Array.prototype);
//console.log(Object.prototype.toString.call(Array.prototype));
</script>
06 請給出下面代碼的輸出結果
不要死記硬背（==）判斷的時候內(nèi)部會進行類型的轉(zhuǎn)換(如果比較的兩個數(shù)據(jù)類型不一樣)
<script>
var a = [0];
if (a) {
//console.log([0] == true);
console.log(a == true); //true
} else {
console.log("NO");
}
console.log("___");
// NO ? true ? false
</script>
07 請給出下面代碼的輸出結果
<script>
(function(){
//var x = y = 1; //
//y = 1; 全局變量
//var x = 1;
var x ,y = 1;
//var x;
//var y = 1;
console.log(x);
})();
// console.log(y); //能夠獲取y的值嗎? 可以
// console.log(x); //能夠獲取x的值嗎? 不可以
</script>
08 請給出下面代碼的輸出
<script>
console.log("++++++++++++++++++");
var a = {}, b = Object.prototype;
// console.log([a.prototype === b, Object.getPrototypeOf(a) === b]);
//a是一個對象，有構造函數(shù)Object携丁，構造函數(shù)有自己的原型對象Object.prototype
//對象的原型對象是自己構造函數(shù)的原型對象 a.__proto__ == Object.prototype
console.log(a.prototype);//Object.prototype
console.log(a.prototype === b); //true
//Object.getPrototypeOf(a) 獲得的是a的原型對象（構造函數(shù)的原型對象）
console.log(Object.getPrototypeOf(a) === b); //true
//A [false true]
//B [false false]
//C [true true]
//D [true false]
</script>
09 請給出下面代碼的輸出結果
<script>
function f() {}
var a = f.prototype; //空對象 此處的f為函數(shù)
var b = Object.getPrototypeOf(f); //此處的f為對象 //f.__proto__ 它的構造函數(shù)的原型對象 就是Function的prototype 是空函數(shù)
console.log(a === b); //false
// console.log(a,b);
console.log(b == f); //空函數(shù) == 空函數(shù) ？ 函數(shù)是對象（引用地址）//false
console.log(f.__proto__);//空函數(shù)
</script>
10 請給出下面代碼的輸出結果
<script>
function foo() { }
var oldName = foo.name; //函數(shù)的名字foo
foo.name = "bar"; //這樣修改沒有效果 name在此處并不只是一個普通的屬性，而是函數(shù)的名稱
// bar();
// console.log(oldName);
// console.log(foo.name);
//
console.log(oldName === foo.name); //true
console.log([oldName, foo.name]); //foo foo
</script>
11 請給出輸出結果
<script>
function f() {}
var parent = Object.getPrototypeOf(f); //Function.prototype 空函數(shù)
console.log(f.name); // f
console.log(parent.name); // 空
//A "f", "Empty" 正確 (!)
//B "f", undefined
//空函數(shù)的name屬性的值是空字符串 并非是undefined
console.log((function () {
}).name);
</script>
