2024年js-函数-学习笔记，前端开发快速上手

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

语法：

function 函数名（形参）{

//函数体

}

函数名(实参);//调用函数

方法二：利用函数表达式来声明函数(匿名函数)

var 变量名 = function(形参){

}

变量名(实参);//调用是变量名加括号 调用必须写到表达式的下面

//变量名不是函数名

函数调用：

1、函数名(); 变量名();

2、document.onclick = 函数名; //在事件中调用函数

注意点：

1. function 是声明函数的关键字 全部小写

2. 函数名是动词

3. 如果函数不调用 自己是不执行的

4. 函数表达式也可以传递参数

2、函数的参数和返回值

==========================================================================

我们可以利用函数的参数实现函数重复不同的代码

函数的参数可以多个也可以不要

function 函数名(形参1,形参2){

//函数执行代码

}

func(实参1,实参2);//调用时传参

形参是接受实参的,相当于一个不用声明变量

2.1:当形参和实参不匹配的情况

• 实参的个数大于形参的个数

会取到形参的个数，实参后面多出来的就不要了

• 实参的个数小于形参的个数

结果都是NaN

2.2:返回值

function 函数名(){

return 需要返回的结果；

}

函数名();

注意点：

1. 只要函数遇到return 就把return后面的结果 返回给函数的调用者 也就是说：函数名()=return后面的结果

2. return终结函数：当代码执行到return时，其后面的代码就不会执行了，不仅可以退出循环，还能够返回return中的值，同时还可以结束当前函数体内的代码

3. 如果没有return则返回的是undefined

4. return只能返回一个值。如果用逗号隔开多个值，以最后一个为准. 如果需要返回多个值，就用数组的写法，返回的是数组的形式

return[ num,num1,num2];

3、arguments

==========================================================================

arguments 是用来获取参数的，arguments对象中存储的是传递的所有实参 是函数内置好的对象，直接拿来用。是一个伪数组

这里给大家讲解哈什么事伪数组

1、具有数组的length的属性；

2、按照索引的方式进行存储的；

3、它没有真正数组的一些方法：pop（）、push（）。。

举例：可以看出arguments里面存放的是一组实参

function a() {

console.log(arguments);

}

a(1,2,3);

一般可以按照数组的方法遍历arguments

4、作用域和预解析

========================================================================

预解析常常是面试会问的问题

4.1:作用域

概念：就是代码名字在某个范围内起作用和效果。

目的：是为了提高程序可靠性，减少命名冲突

局部作用域，也叫做函数作用域，这个代码在函数内部起作用;

局部作用域 , 整个script标签 或者是一个单独的js文件

变量作用域根据作用域划分为：全局变量、局部变量 没有块级作用域

全局变量

全部变量只有浏览器关闭的时候才会销毁，比较占用内存

特殊情况：

如果在函数内部没有声明直接赋值的变量也是全局变量

比如：var a = b = c =9;

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】