2024年最全JavaScript 进阶第九章（原型链继承）(3)，面试建议

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

// 赋值了父类原型上的所有的 属性和方法

Student.prototype = Person.prototype;

// 修改之类的指向

Student.prototype.constructor = Student;

// 创建子类的实例

const stu = new Student(“两年”, “海海呐”, 180);

stu.say();

函数参数默认值

=======

定义函数的同时,可以给形参一个默认值

// 定义函数的同时,可以给形参一个默认值

function show(msg = “你好呀”) {

console.log(msg);

}

show(); // 你好呀

show(“你好，再见”); // 你好，再见

对象简写

====

const name = “李白”;

const skill = “大河之剑？？”;

const say = function () { }

const obj = {

name, skill, say

}

console.log(obj);// {name:“李白”,skill:“大河之剑？？”,say:function(){}}

解构

==

提供更加方便获取数组中元素或者对象中属性的写法

获取数组中的元素

---

const [a, b, c, d] = [1, 2, 3, 4];

console.log(a, b, c, d); // 1,2,3,4

元素交互顺序

---

let a = 1111;

let b = 2222;

[b, a] = [a, b];

console.log(a, b); // 2222 1111

获取对象中的属性

---

const obj = {

name: “李白”,

skill: “大河之剑？？？”,

say() { }

}

const { name, skill,say } = obj;

console.log(name, skill,say); // 李白 大河之剑？？？ function(){}

拓展运算符 || 剩余运算符

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

通过  ... 符号来获取剩下的参数

函数内获取

---

function show(a, …all) {

console.log(a);

console.log(all);

}

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

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

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

[外链图片转存中…(img-5j0nnrjk-1715645099652)]