美文网首页
js的函数/面试知识相当密集

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

作者: ChenMurphy | 来源:发表于2019-05-09 13:41 被阅读0次

函数的五种声明方式

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的函数/面试知识相当密集

      本文链接:https://www.haomeiwen.com/subject/rrkyoqtx.html