1. 函数声明和函数表达式有什么区别
- 使用function关键字可以声明一个函数，声明不必放到调用的前面
- 函数表达式 声明必须放到调用的前面，可以省略标识符
2. 什么是变量的声明前置？什么是函数的声明前置
在一个作用域下，var 声明的变量和function 声明的函数会前置，函数声明和变量声明被提升到包含他们的作用域的最顶端。
3.arguments 是什么
arguments是一个类数组对象，在函数内部可以使用arguments对象获取到该函数的所有传入参数
image.png
4. 函数的"重载"怎样实现
在 JS 中，没有重载! 同名函数会覆盖。 但可以在函数体针对不同的参数调用执行相应的逻辑。
function printPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
}
}
printPeopleInfo('Byron', 26);
printPeopleInfo('Byron', 26, 'male');
5. 立即执行函数表达式是什么？有什么作用
(function(){
var a = 1;
})()
console.log(a);
- 作用： 隔离作用域
6. 求n!，用递归来实现
function factor(n){
if (n === 1){
return 1
}
return n * factor(n-1)
}
7. 以下代码输出什么
function getInfo(name, age, sex){
console.log('name:',name);
console.log('age:', age);
console.log('sex:', sex);
console.log(arguments);
arguments[0] = 'valley';
console.log('name', name);
}
getInfo('饥人谷', 2, '男');
/* name: 饥人谷
age: 2
sex: 男
["饥人谷", 2, "男", callee: function, Symbol(Symbol.iterator): function]
0:"valley"
1:2
2:"男"
name valley */
getInfo('小谷', 3);
/* name: 饥人谷
age: 3
sex: undefined
["饥人谷", 3, callee: function, Symbol(Symbol.iterator): function]
0:"valley"
1:3
name valley */
getInfo('男');
/* name: 男
age: undefined
sex: undefined
["男" ,callee: function, Symbol(Symbol.iterator): function]
0:"valley"
name valley */
8. 写一个函数，返回参数的平方和
function sumOfSquares(){
var sum=0;
for(var i=0;i<arguments.length;i++){
sum=sum+arguments[i]*arguments[i];
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
9. 如下代码的输出？为什么
console.log(a); // 输出undefind 变量前置
var a = 1;
console.log(b); // 报错 b is not defined
10. 如下代码的输出？为什么
sayName('world'); // hello world
sayAge(10); // 报错sayAge is not a function sayAge是函数表达式，调用在定义之前就会报错
};
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
11. 如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
输出10
1.globalContext={
AO:{
x:10
bar()
},Scope:null
}
foo.[[scope]]=globalContext.AO
bar.[[scope]]=globalContext.AO
2.调用bar()进入bar的执行上下文
barContext={
AO：{
x:30
}, Scope:bar.[[scope]]=globalcontext.AO
}
3.调用foo()
fooContext={
AO:{}
Scope:foo.[[scope]]=globalContext
}
12.如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
输出30
1.globalContext={
AO:{
X:10
bar:function()
} ,Scope: null
}
bar.[[scope]]=globalContext.AO
2.调用bar()
barContext={
AO:{
x:30
foo:function()
},Scope:bar.[[scope]]=globalContext
}
foo.[[scope]]=barContext.AO
3.调用foo()
fooContext={
AO:{}
Scope:foo.[[scope]]=barContext.AO
}
13. 以下代码输出什么? 写出作用域链的查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
输出30
1.globalContext={
AO：{
x:10
bar:function()
},Scope:null
}
bar.[[scope]]=globalContext.AO
2.调用bar()
barContext={
AO:{
x:30
function
},Scope:bar.[[scope]]=globalContext.AO
}
function.[[scope]]=barContext.AO
3.调用立即执行函数
functionContext={
AO:{
},Scope:function.[[scope]]=barContext.AO
}
14. 以下代码输出什么？ 写出作用域链查找过程伪代码
var a = 1;
function fn(){
console.log(a)
var a = 5
console.log(a)
a++
var a
fn3()
fn2()
console.log(a)
function fn2(){
console.log(a)
a = 20
}
}
function fn3(){
console.log(a)
a = 200
}
fn()
console.log(a)
输出结果为
undefined
5
1
6
20
200
globalContext={
AO:{
a:1/200
fn:function
fn3:function
},Scope:null
}
fn.[[scope]]=globalContext.AO
fn3[[scope]]=globalContext.AO
2.调用fn()
fnContext={
AO:{
a:undefind/5/6/20
fn2:function
},Scope:fn.[[scope]]=globalContext.AO
}
fn2.[[scope]]=fnContext.AO
3.调用fn3()
fn3Context={
AO:{}
,Scope:fn3[[scope]]=globalContext.AO
}
4.调用fn2()
fn2Context={
AO:{}
,Scope:fn2.[[scope]]=fnContext.AO
}
