1. 函数声明和函数表达式有什么区别
<script type="text/javascript">
// 函数声明
// function fn() {}
// fn();
//1 函数声明必须有函数名
//2 函数可以在任意地方调用fn();
// 函数表达式
// 1 前后两个函数的名字可以相同也可以不相同
// 2 function 后面的这个名字是可以省略的
// 3 函数调用只有在函数表达式声明后调用。
// var fn = function fn () {};
</script>
2. 什么是变量的声明前置？什么是函数的声明前置
变量的声明前置： 在同一作用域下，先把所有的变量放在开头声明。
函数的声明前置： 与变量声明前置同义，只不过是在函数作用域下，在开头先把变量声明。
举例
var a = 1; /*步骤 函数声明前置： 1. fn：function
function fn(){ 变量声明前置： 2. var a
var b = 2; 3. 赋值： a = 1
console.log(a); 4. 运行fn()
} 5.函数内： 5.1 声明变量 var b
fn() 5.2 赋值： b = 2
5.3 运行console.log（a）
3. arguments 是什么
arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。
function printPersonInfo(name, age, sex){
console.log(name);
console.log(age);
console.log(sex);
console.log(arguments); //一次获取全部参数
}
4. 函数的"重载"怎样实现
函数的"重载"： 重载函数是函数的一种特殊情况，为方便使用，C++允许在同一范围中声明几个功能类似的同名函数，但是这些同名函数的形式参数（指参数的个数、类型或者顺序）必须不同，也就是说用同一个运算符完成不同的运算功能。
int sum(int num1, int num2){ //定义整数类型
return num1 + num2;
}
float sum(float num1, float num2){ //定义浮点类型
return num1 + num2;
}
sum(1, 2);
sum(1.5, 2.4);
在 JavaScript中，不存在函数“重载”。 同名函数会覆盖。 但可以在函数体针对不同的参数调用执行相应的逻辑。
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 fn(){
var a = 1; 经典类型
console.log(a);
})()
(function(){alert('我是匿名函数')} ()) // 用括号把整个表达式包起来
!function(){alert('我是匿名函数')}() // 求反，我们不在意值是多少，只想通过语法检查。
+function(){alert('我是匿名函数')}()
-function(){alert('我是匿名函数')}()
~function(){alert('我是匿名函数')}()
void function(){alert('我是匿名函数')}()
new function(){alert('我是匿名函数')}()
作用：创建一个独立的作用域。这个作用域里面的变量，外面访问不到（即避免「变量污染」）。
注意： 此独立作用域可以访问外面的变量，但是外面无法访问里面的变量。
image.png
6. 求n!，用递归来实现
递归
- 自己调用自己
- 设定终止条件
- 优点: 算法简单
- 缺点: 效率低
demo
function fn(n){
if (n=1) {
return 1
}
return n * fn(n-1)
}
fn(n)
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('YQY', 2, '女');
/*
name：YQY；
age：2；
sex：女；
["YQY", 2, "女", callee: ƒ, Symbol(Symbol.iterator): ƒ];
name：valley;
*/
getInfo('小谷', 3);
/*
name：小谷；
age：3；
sex: undefined;
["小谷", 3, callee: ƒ, Symbol(Symbol.iterator): ƒ]
name：valley ;
*/
getInfo('女');
/*
name：女；
age：undefined；
sex：undefined；
["女", callee: ƒ, Symbol(Symbol.iterator): ƒ];
name：valley ;
*/
8. 写一个函数，返回参数的平方和？
function sumOfSquares(n){
var sum= 0;
var sq;
for (var i = 0; i < arguments.length; i++ ){
sq = arguments[i] * arguments[i]
sum += sq;
}
return sum
}
var result = sumOfSquares(2,3,4)
var result2 = sumOfSquares(1,3)
console.log(result) //29
console.log(result2) //10
9. 如下代码的输出？为什么
console.log(a);
var a = 1;
console.log(b);
/*
undefined
Uncaught ReferenceError: b is not defined
先变量前置声明，声明 var a 但却先不赋值；所以console.log(a) 调试结果为undefined
然后把 1 赋值 给a；
由于b没有定义，故console.log(b) 调试结果为 b is not defined
*/
10. 如下代码的输出？为什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name);
}
var sayAge = function(age){
console.log(age);
};
/*
hello world
test.html:7 Uncaught TypeError: sayAge is not a function
步骤：1、 声明函数sayName ；sayAge为函数表达式，所以不会声明前置；
2、运行函数sayName（“world”） ，调试结果为 “hello” 连接 “world”
3、运行sayAge（10），由于sayAge函数没有被声明前置，故此时函数没有被定义。故出错。
*/
11. 如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10
bar()
function foo() {
console.log(x)
}
function bar(){
var x = 30
foo()
}
/* 输出：10
1.
globalContext = {
AO:{
x:10;
foo:function;
bar:function;
}
Scope:null
}
foo.[[scope]] = globalContext.AO
bar.[[scope]] = globalContext.AO
2.
barContext = {
AO:{
x:30
}
bar.[[scope]] = globalContext.AO
}
3.
fooContex={
AO:{
}
foo.[[scope]] = globalContext.AO
}
*/
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.
barContext = {
AO:{
x:30;
foo:function;
}
bar.[[scope]] = globalContext.AO
}
foo.[[scope]] = barContext.AO
3.
fooContext = {
AO:{
}
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.
barContext = {
AO:{
x:30;
}
bar.[[scope]] = globalContext.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) //200
/* undefined 5 1 6 20 200
1.
globalContext = {
AO:{
a:1;
fn:function;
fn3:function;
}
Scope:null
}
fn.[[scope]] = globalContext.AO
fn3.[[scope]] = globalContext.AO
2.
fnContext = {
AO:{
a:5;
fn2:function;
}
fn.[[scope]] = globalContext.AO
}
fn2.[[scope]] = globalContext.AO
3.
fn3Context = {
AO:{
a:200
}
fn3.[[scope]] = globalContext.AO
}
4.
fn2Context = {
AO:{
a:20
}
fn2.[[scope]] = fnContext.AO
}
*/
