1.函数声明和函数表达式有什么区别
- 函数声明
fn();//函数调用
function fn() {}
- 函数声明必须有函数名
- 函数可以在任意地方调用fn();
- 声明前置
- 函数声明}最后不用加 ；
- 函数声明只能放在全局变量和局部变量内，不能放在块内(如if、for、switch等)
- 函数表达式
var fn=function(){
}
fn();//函数表达式的调用
- 前后两个函数的名字可以相同也可以不相同
- function 后面的这个名字是可以省略的
- function 后面的这个名字只能再函数内部使用
- 函数调用只有在函数表达式声明后调用。
- 函数表达式}最后要加 ；,因为表达式已经是一个值了
2.什么是变量的声明前置？什么是函数的声明前置
- 变量的声明前置
JavaScript引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，然后给他初始值undefined，然后才逐句执行程序，这就叫做“变量提升”，也即“变量的声明前置” - 函数的声明前置
和变量的声明会前置一样，函数声明同样会前置，如果我们使用函数表达式那么规则和变量一样，如果我们使用函数声明的方式，那么即使函数写在最后也可以在前面语句调用
3.arguments 是什么
arguments 是一个类似数组的对象, 对应于传递给函数的参数。
arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。例如，如果一个函数传递了三个参数，你可以参考它们如下：
arguments[0]
arguments[1]
arguments[2]
参数也可以被设置:
arguments[1] = 'new value';
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(){} )() ，( function (){} () )，!function(){}() 是常见的执行函数的写法，
要在函数体后面加括号就能立即调用，则这个函数必须是函数表达式，不能是函数声明。
这样可以做到隔离作用域，避免变量污染全局。
6求n!，用递归来实现
function factor(n){
if(n===1) return 1
return n * factor(n-1)
}
factor(5);
7.以下代码输出什么？
Paste_Image.png
getInfo('饥人谷', 2, '男');
name:饥人谷；
age:2;
sex:男；
function getInfo(){
0:饥人谷,
1:2,
2:男
}
name valley
getInfo('小谷', 3);
name:小谷；
age:3;
sex:undefined；
function getInfo(){
0:小谷,
1:3,
}
name valley
getInfo('男');
name:男；
age:undefined;
sex:undefined；
function getInfo(){
0:男
}
name valley
8. 写一个函数，返回参数的平方和？
function sumOfSquares() {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum = sum + arguments[i] * arguments[i]
}
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);// undefined 因为变量声明提前，var a 还未赋值，所以是undefined
var a = 1;
console.log(b);// b is a not defined 报错 因为还未声明变量b
10. 如下代码的输出？为什么
sayName('world');
sayAge(10);
function sayName(name){
console.log('hello ', name); // hello,world 声明函数并赋值为world
}
var sayAge = function(age){
console.log(age); // 报错 函数表达式不会被前置 所以在声明前调用不起作用，会报错
};
11. 如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10
bar()
function foo() {
console.log(x) //10
}
function bar() {
var x = 30
foo()
}
globalContext={
AO:{
X:10
foo:function(){}
bar:function(){}
}
foo[[scope]]=globalContext AO
bar[[scope]]=globalContext AO
}
fooContext={
AO:{
}
scope:globalContext AO
}
barContext={
AO:{
x:30
}
scope:globalContext AO
}
先找fooContext里面AO，没有x 然后找globalContext AO 找到为10
所以输出值为10
12. 如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10;
bar()
function bar() {
var x = 30;
function foo() {
console.log(x)
}
foo();
}
globalContext={
AO:{
x:10
bar:function
}
bar[[scope]]=globalContext AO
}
barContext={
AO{
x:30
foo:function
}
foo[[scope]]=barContext AO
}
fooContext={
AO:{
}
foo[[scope]]=barContext AO
}
foo()里面没有x,应该找barContext AO里，里面有x=30，所以打印值为30
13. 以下代码输出什么? 写出作用域链的查找过程伪代码
var x = 10;
bar()
function bar() {
var x = 30;
(function () {
console.log(x)
})()
}
globalContext={
AO:{
x:10
bar:function
}
bar[[scope]]=globalContext AO
}
barContext={
AO{
x:30
匿名函数:function
}
匿名函数[[scope]]=barContext AO
}
(function () { console.log(x) })()，是指立即执行此函数，那么会在他的作用域下找到barContext AO，x=30 ，所以打印结果是30
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)
globalContext={
AO:{
a:1
fn:function
fn3:function
}
fn[[scope]]=globalContext AO
fn3[[scope]]=globalContext AO
}
fnContext={
AO{
a:undefined
fn2:function
}
fn2[[scope]]=fnContext AO
}
fn2Context={
AO{
}
}
fn3Context={
AO{
}
}
在fn()里面 a开始未定义，先打印undefined
然后将5赋值给a，所以打印结果为5
然后a++ fnContext AO里的a=6
进入fn3()中，a未定义，进入globalContext AO里找到a为1，打印结果为1，globalContext AO里的a赋值为200，
进入fn2()中，a未定义，进入fnContext AO里找到a为6， 打印结果为6，
fnContext AO里的a赋值为20
退回到fn()中，a为20，打印结果为20
到全局变量中，打印a 为200
所以打印出来的结果分别为 undefined 5 1 6 20 200
网友评论