2024年Web前端最新面向对象基础，2024年最新滴滴出行前端面试题

最后

好了，这就是整理的前端从入门到放弃的学习笔记，还有很多没有整理到，我也算是边学边去整理，后续还会慢慢完善，这些相信够你学一阵子了。

做程序员，做前端工程师，真的是一个学习就会有回报的职业，不看出身高低，不看学历强弱，只要你的技术达到应有的水准，就能够得到对应的回报。

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

学习从来没有一蹴而就，都是持之以恒的，正所谓活到老学到老，真正懂得学习的人，才不会被这个时代的洪流所淘汰。

console.log(obj.name);

2. 通过中括号

console.log(obj[“nan”]);

上述两者的区别： 如果通过点语法无法获取到对象中“正确”的属性/方法名，可以使用中括号的方式来获取

工厂模式

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

创建对象的第三种方式： 工厂模式

function Person(name,age,sex,fn){

// 1. (形参) --> 运输材料

//2. 创建对象并赋值 --> 加工材料

let obj = {};

obj.name = name;

obj.age = age;

obj.sex = sex;

obj.hobby = fn;

return obj;

// 3. 出厂

}

function fn(){

console.log(“我是一个兵，来自老百姓”);

}

let dada = Person(“光达”,“18”,“男”);

let daxian = Person(“大仙”,“20”,“男”,fn);

console.log(dada.sex);

console.log(daxian.name);

daxian.hobby();

构造函数

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

创建对象的第四种方式：构造函数——函数名的首字母 需要大写， 以此来和普通函数进行区别

function Person(name,age,sex,fn){

this.name = name;

this.age = age;

this.sex = sex;

this.hobby = fn;

}

// new运算符： 也叫做new构造器, 配合使用的函数，被称为构造函数

let obj = new Person();

new运算符

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

作用：

1. 执行该函数

2. 隐式创建一个对象

3. 把该对象和函数的 this指向 互相绑定

4. 可以把this中的属性和方法都加到 该对象上

5. 函数执行后，返回该对象

function txt(name){

this.name = name;

this.age = age;

this.sex = sex;

this.hobby = function(){

console.log(“我是一个兵”);

}

}

实例化对象：

let obj = new txt(“阿”);

console.log(obj.name);

原型

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

每次通过构造函数去实例化对象，都会生成一个新的内存空间

当项目开发中，往往大量的内存使用，会严重影响性能

原型： 将公有的方法，放到原型中，每次实例化对象，原型中的内容是公有的，不会再分配新的空间给对象 (构造函数中的属性/方法 会)

function Person(name,sex){

this.name = name;

this.age = age;

this.sex = sex;

this.hobby = function(){

console.log(“喜欢游泳~”);

};

}

Person.prototype.s = function(){

console.log(this.sex);

}

Person.prototype.e = eat;

function eat(){

console.log(我${this.name}饿了);

}

Vue

• 什么是MVVM？

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

• 组件之间的传值？

• Vue 双向绑定原理

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

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

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

• vue 中怎么重置 data?

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

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

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