Web前端最全javaScript（二十一）函数进阶(1)，一名毕业三年的女程序媛面试头条经验

最后

---

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

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

console.log(this)  //window，如果是在严格模式下，还会报undefined

}

f()

对象方法调用

let obj={

f(){

console.log(this)  //obj

}

}

也就是说作为对象方法调用，指向的是对象本身

这边有一个坑，示例如下

let a={

aa() {

console.log(this); //Obejct

function aaa(){

console.log(this); //window

}

aaa();

}

}

a.aa()

这边的函数aaa()里的this指向的是window，而不是自以为的Object，这边往往会出错，修正使用call和apply

let a={

aa() {

console.log(this); //Obejct

function aaa(){

console.log(this); //Object

}

aaa.call(this);

}

}

a.aa()

构造函数调用

function B(){

this.a=‘a’

};

let ba=new B();

console.log(ba.a);   //‘a’

• 函数作为普通函数使用，那么函数中的this指向的是全局对象，如果没有显示的值，返回的是undefined

• 函数作为构造函数使用，那么函数中的this指向的是实例对象，如果没有显示的值，默认返回的是this对象

函数的双重功能

ES6中的函数内部有两个不同的方法：[[Call]]和[[Constructor]]，当使用普通方式调用函数时，[[call]]会被执行，当使用构造函数调用时，[[constructor]]方法会被执行。

new.target元属性

当以构造函数的形式调用函数时，new.target指向的是构造函数本身，因此当我们需要把函数仅作为构造函数时，不希望作为普通函数调用时，可以设置，如下示例

function Person(name) {

if(new.target === Person){

this.name = name

}

else{

throw new Error(“必须使用New关键字”)

}

}

let person=new Person(“John”);

console.log(person);

let person1=Person(“john”); //报错

console.log(person1);

函数参数的传递方式

函数的参数，分按值传递和按引用传递

• 按值传递：参数形参的值是调用函数所传入**实参的副本，**也就是后面对形参的修改不会影响外面的实参

• 按引用传递：函数形参的值是调用函数所传入实参的引用，后面对形参的修改会影响实参

函数应用（重点）

详细见单独一章

箭头函数

• 没有自己的this，super,arguments和new.target，它们是离该箭头函数最近的非箭头函数的绑定

• 不能使用new来调用

• 没有原型对象

• 内部的this无法改变，意味这不能使用call，apply等方法修改this的指向

• 形参名称不能重复

箭头函数有几种变体，但大致都是有 参数=>函数体 组成的，不需要return关键字，就代表返回

示例代码1：

var double=value=>value*2;

//等同于

var double=function(value){

return value*2

}

示例代码2：

var double=(a,b)=>a*b;

//等同于

var double=function(a,b){

return a*b

}

示例代码3：

var double=()=>‘john’;

//等同于

var double=function(){

return ‘john’

}

示例代码4：

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

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

on(){

return ‘john’

}

示例代码4：

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

[外链图片转存中…(img-JzyriFl7-1715857087032)]

[外链图片转存中…(img-8vxFIzl6-1715857087033)]

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