js的函数/面试知识相当密集

函数的五种声明方式



console.log的源代码就是这样的

console.log打印出来的和返回的没关系。不用管他为什么返回undefined,因为它源代码写了

1.具名函数


函数格式

没有返回值的话一般会写一个return undefined就算你不写return undefind 也会自动给你补上。

2.匿名函数

匿名函数需要先给一个变量,然后赋值给变量要不然会报错


3.把有名字的函数赋值给变量


但是比如var x = function y (){},然后你console.log(y)的时候会报错,因为这个y只能在x内部用,你在外面是会报错的。y的作用域在里面。然后你console.log(x)的话会打出y(){}。这个居然面试经常考。

4.


里面都是字符串,用字符串拼接。这个这么奇怪有人用吗?

5.最炫的


如果只有一句话可以把return和{}都去掉。如果函数体里面内容太多的话可以用enter或者用分号隔开。



如果参数只有一个,那么()可以去掉。


那以后可以都用这个方法。所以其实就是把function变成了=>,然后如果只有一个参数就能少了()只有一句return的话可以省略{}和return。不过看着高级很多。



name




变量是直接用的,用函数叫做调用

call

函数到底是啥,内存是怎么存的


stack里面就放了f这个变量名,f的内容是object的地址,objec里面存放了函数的代码,全部以字符串的形式存着。另外这个object有一个--proto--:Function 指向函数的公共属性。这个公共属性里面有一个call的API可以调用函数。

函数=函数名+参数+函数体

再回顾一遍


只有Function这个天生的对象有__proto__和prototype


n是函数,要通过n.prototype查看n的公共属性,n.__proto__行不通

eval:给字符串,然后把字符串当代码执行

自己造一个函数,先搞个对象,然后加一个call的属性,call里面用eavl把函数执行了

所以执行函数的时候平时直接f()实际上是f.call(),所以直接打f没用,出来的是这个函数的代码。打f()才能执行函数体的结果。

函数终极问题:可以执行代码的对象,叫做函数


这是js数据结构的知识体系,函数主要特殊在他的公共属性,有call,apply,bind还重写了toString本来object公共属性有toString的。一般都用 它的,函数用自己的toString。还有其他一些对象比如Date Error等

世纪难题:

为什么大家不用f.call(undefined,1,2)而是用f(1,2),第一种才是正确的,以后调用都这么写。因为第二种对学this很有帮助,第一种不行。



反正听方方的没错,以后都用f.call(undefined,1,2)就行了



this和arguments



普通模式下,如果this是undefined浏览器会默认把this变成window


如果用'use strict'开启严格模式,那this就是undefined


如果f.call()传入其他参数,那么this就会打出其他参数。反正结果就是f.call的第一个参数就是this,后面所有参数加起来是arguments

那this怎么来的呢?为啥要有this


就跟new Number没人用,f = new Function()没人用一样,this也是当初设计的时候强行要像java所以js之父没办法就放到f.call里面去了。目的是吸引java程序员来学js,然后学了以后发现果然是长得像还可以更方便,然后就上当了。所以这些东西都是打广告用的。

arguments就是除了第一个参数后面的参数。这些参数会组成一个伪数组。啥是伪数组?__proto__ 不等于array.prototype的。上面__proto__是指向Object的不是指向array。所以它看着像数组但是没有数组的公共属性,不能用数组的API,比如push这些都不能用。


正常的数组是会指向Array的。

方方说得画内存图就是画原型链


call stack

之所以存在stack是因为本来内存按顺序每个地址上面放了代码。然后按地址顺序开始执行代码,突然到了function a这里发现这个a的内容是其他函数的地址,那就得跳到那个函数去执行啊。那待会儿我怎么回来呢?那就用一个叫stack的放a的地址,待会我回来就去stack里面拿地址。

但是如果function a内部又有函数functionb、b里面又有function c怎么办呢?同样再把这个function b、function c的地址放到stack里面把,待会c的函数执行完了我再看一下stack就行了。

那现在stack里面放了三个函数的地址了。我计算机会先拿哪个地址呢?如果我拿了a的地址,那我c执行完直接回到主函数去了,因为a在主函数上。所以a,b都没执行完啊。因为我是a执行了一半去b的,b执行到一半去c的。本来c执行完我是要拿到c的地址继续执行b剩下代码,然后拿到b地址执行a剩下代码,然后拿到a地址执行主函数代码。

所以从结论上就是新进后出,从计算机上看它只要去找stack里面放的地址,从上往下一个个拿就行了,不用多想。如果没了那就执行主函数。

1.function a(){

        function b(){}    

        function c(){}

}

2.function a(){

        function b(){

            function c(){}

    }

}

注意1,2的stack是不一样的。

1的顺序是:1.a入栈 2.b入栈 3.b出栈 4.c入栈 5.c出栈 6.a出栈

2的顺序是:1.a入栈 2.b入栈 3.c入栈 4.c出栈 5.b出栈 6.a出栈


判断语句也会入栈

上面同一时间压了5次栈,如果同意栈太多会不会不够呢?


会报错,叫做stack overflow是栈溢出的意思


有句话叫做声明的时候不加var就在声明全局变量,这句话是不完全正确的。


这种情况下,在f1里面a = 3,它会认为在给a赋值,然后在f1里面找a有没有声明。发现没有就去找全局发现有了,然后就给这个全局的a赋值。


这种情况,如果a = 3找了f1发现没有,就在全局有没有声明。发现还是没有,那除了赋值就顺便声明了一下a然后作为全局变量。然后再赋值。

所以f2的a如果要想是局部变量,必须得加var,要不然会往上查,查到声明为止然后再赋值。

找声明不会往下找

浏览器拿到代码以后第一步就是变量提升,把全局,局部全部找好。文字好懂,实际容易错。


为啥console.log(a)打印出undefined呢?因为变量提升!!!!


变量提升以后就这个样子了,所以console.log(a)的时候a在f1的范围内只做了声明还没有赋值。只声明没赋值就是undefined




a =2 在 f4.call()前面的话,f4.call()打印出来a是2,如果a = 2 在 f4.call()后面,那打印出来就是  a = 1



闭包

想知道细节就搜:方应杭 闭包



课后题:






















你可能感兴趣的:(js的函数/面试知识相当密集)