1. 函数声明和函数表达式有什么区别
函数声明:function functionName(){}
函数表达式:var fn = function(){}
函数声明使用function来进行声明,函数声明前置,所以不论执行语句的位置皆可调用该函数。
函数表达式通过赋值来声明函数,声明完毕后要加上分号表示该句结束,在表达式执行完后,函数才存在并可被调用。
2. 什么是变量的声明前置?什么是函数的声明前置
变量声明前置:所谓的变量声明前置就是在一个作用域块中,所有的变量都被放在块的开始出声明
函数声明前置:JavaScript解释器允许在函数声明之前使用函数,此时不仅仅是函数名被前置了,整个函数定义也被前置了,所以就可以直接调用函数,如下图:
如果我们使用函数声明的方式,那么即使函数写在最后也可以在前面语句调用,前提是函数声明部分已经被下载到本地。
3. arguments 是什么
arguments其实是函数的一个内置参数的数组对象,通过arguments[1、2、3]等,我们可以获取到相应的传入参数。
4. 函数的"重载"怎样实现
在JS中,没有重载。同名函数会覆盖。但可以在函数体针对不同的参数调用执行相应的逻辑。
function dprintPeopleInfo(name, age, sex){
if(name){
console.log(name);
}
if(age){
console.log(age);
}
if(sex){
console.log(sex);
}
}
printPeopleInfo('Byron', 26);//Byron 26
printPeopleInfo('Byron', 26, 'male');//Byron 26 male
5. 立即执行函数表达式是什么?有什么作用
(function(){
var a = 1;
})()
作用: 隔离作用域。这个作用域里面的变量,外面访问不到(即避免变量污染)。
6. 求n!,用递归来实现
function multiply(n){
if(n<=0){
return;
} else {
if(n==1){
return 1;
}
}
return n*multiply(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,'男']
name valley
*/
getInfo('小谷', 3);
/*
name: 小谷
age: 3
sex: undefined
['小谷',3]
name valley
*/
getInfo('男');
/*
name: 男
age: undefined
sex: undefined
['男']
name valley
*/
8. 写一个函数,返回参数的平方和?
function sumOfSqares(){
var sum=0;
for (var i = 0; i < arguement.length; i++) {
sum=sum+arguement[i]*arguement[i];
}
console.log(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,因为变量提升,但是没有赋值,初始值undefined
var a = 1;
console.log(b);报错,因为没有对b进行声明
10.如下代码的输出?为什么
sayName('world'); //hello world,使用函数声明使函数前置,可以在声明之前就被调用
sayAge(10); //报错,使用表达式声明的函数只是函数名被前置了,所以在声明之前调用会报错
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。
globeContent = {
AO : {
x: 10
foo: function
bar: function
},
Scope: null
}
barContent = {
AO: {
x=30
foo: function
}
Scope: bar.[[scope]] //globeContent.AO
}
fooContent = {
AO: {}
Scope:foo.[[scope]] //globeContent.AO
}
12. 如下代码输出什么? 写出作用域链查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
function foo(){
console.log(x)
}
foo();
}
输出30
globeContent = {
AO : {
x: 10
foo: function
bar: function
},
Scope: null
}
barContent = {
AO: {
x: 30
foo:function
}
Scope: bar.[[scope]] = globeContent.AO
}
fooContent = {
AO: {}
Scope: foo.[[scope]] = barContent.AO
}
13.以下代码输出什么? 写出作用域链的查找过程伪代码
var x = 10;
bar()
function bar(){
var x = 30;
(function (){
console.log(x)
})()
}
输出30
globeContent = {
AO : {
x: 10
foo: function
bar: function
},
Scope: null
}
barContent = {
AO: {
x: 30
foo:function
}
Scope: bar.[[scope]] = globeContent.AO
}
functionContent = {
AO: {}
Scope: foo.[[scope]] = barContent.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
globeContent = {
AO : {
a :1
fn: function
fn3: function
},
Scope: null
}
fnContent = {
AO : {
a: undefined;
fn2: function
},
Scope: fn.[[scope]] = globeContent.AO
}
此时输出underfined,然后赋值a=5,输出5,a++使得a=6,var a再次声明后赋值不变,进入fn3()
fn3Content = {
AO : {
a: 200;
}
Scope: fn3.[[scope]] = globeContent.AO
}
由globeContent里对a的赋值,输出 1,并将a赋值为200
fn2Content = {
AO : {
a: 20;
}
Scope: fn2.[[scope]] = fnContent.AO
}
由fnContent里对a的赋值,输出 6,并将a赋值为20
退出,由fnContent里对a的赋值,输出 20,
退出,由globeContent里对a的赋值,输出 200