function functionName(parameters) {
执行的代码
}
示例:
- 分号是用来分隔可执行 JavaScript 语句。由于函数声明不是一个可执行语句,所以不以分号结束。
函数表达式:
JavaScript 函数可以通过一个表达式定义。
函数表达式可以存储在变量中:
示例:
在函数表达式存储在变量后,变量也可作为一个函数使用:
- 上述函数以分号结尾,因为它是一个执行语句。
Function() 构造函数:
函数通过关键字 function 定义。函数同样可以通过内置的 JavaScript 函数构造器(Function())定义。
示例:
实际上,不必使用构造函数。上面实例可以写成:
- 在 JavaScript 中,很多时候,需要避免使用 new 关键字。
函数提升:
提升(Hoisting)是 JavaScript 默认将当前作用域提升到前面去的的行为。提升应用在变量的声明与函数的声明。因此,函数可以在声明之前调用:
myFunction(5);
function myFunction(y) {
return y * y;
}
- 使用表达式定义函数时无法提升。
函数是对象:
在 JavaScript 中使用 typeof 操作符判断函数类型将返回 “function” 。但是JavaScript 函数描述为一个对象更加准确。JavaScript 函数有属性和方法。
arguments.length 属性返回函数调用过程接收到的参数个数:
toString() 方法将函数作为一个字符串返回:
- 函数定义作为对象的属性,称之为对象方法;
- 函数如果用于创建新的对象,称之为对象的构造函数;
函数调用
JavaScript 函数有 4 种调用方式。
this 关键字:
一般而言,在Javascript中,this指向函数执行时的当前对象。
- 注意 this 是保留关键字,不能修改 this 的值。
作为一个函数调用:
以上函数不属于任何对象。但是在 JavaScript 中它始终是默认的全局对象。在 HTML 中默认的全局对象是 HTML 页面本身,所以函数是属于 HTML 页面。
在浏览器中的页面对象是浏览器窗口(window 对象)。以上函数会自动变为 window 对象的函数。
- 这是调用 JavaScript 函数常用的方法,但不是良好的编程习惯,全局变量,方法或函数容易造成命名冲突的bug。
函数作为方法调用:
在 JavaScript 中可以将函数定义为对象的方法。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/b4bf4bf8b682e88900d6ee206f7da526.jpeg)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
ode学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽