2024年前端最新js-对象-学习笔记，面试考点安排

紧跟潮流

大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

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

• new Object 创建对象

var 对象名 = new Object();  //创建了一个空的对象

对象名.属性名 =  属性值 ； //利用等号赋值 结尾为分号

对象名.方法名 = function() {

}

总结：

• 利用等号赋值 结尾为分号

• 构造函数 创建对象 new

语法格式：      function  构造函数名() {

this.属性 = 值；

this.方法名 = function(sang) {

console.log (sang)；

}

}；

调用构造函数 ：

var  对象名1   =    new 构造函数名(); //调用函数返回的是一个对象

对象名1.方法名(‘临安县’)；

var  对象名2  =    new 构造函数名();

总结：

• 构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面

• 前面创建对象的方法一次只能创建一个对象，使用构造函数的方法一次可以创建多个属性值相同的对象

• 构造函数名字首字母要大写

• 我们构造函数 必须使用new 来创建对象

• 我们只要new 构造函数名() 调用函数就创建一个对象​​​​​​​

• 我们属性和方法前面必须添加 this

• 构造函数不需要return 就可以返回结果

三种方法调用都是一样的 ：

1、对象名.属性名  ||  对象名[‘属性名’]

2、对象名.方法名()

但是当属性名带有特殊字符的时候只能用 对象名[‘属性名’]

1.5、补给知识：有很多同学可能不理解为什么要用new来创建对象，它到底是如何实现的，接下来我们就一起来看看吧

new关键字的执行过程：

1. new 构造函数可以在内存中创建一个空的对象

2. this 就会指向刚才创建的空对象

3. 执行构造函数里面的代码 给这个空对象添加属性和方法

4. 返回这个对象  所以我们方法就不需要在用return返回

1.6、遍历对象

前面我们学习了很多遍历数组的方法：循环、索引号；

接下来介绍一种遍历对象的方法：

for (var 变量 in 对象名)  {…}

举例：

for ( var k in obj) {

console.log (k) ; //k 变量输出的就是 属性名

console.log(obj[k]);// obj[k]得到是 属性值

}

//我们使用for in里面的变量 我们喜欢用k 或者 key

以下代码是求字符串中出现次数最多的字符 以及输出次数？