【JavaScript高级进阶】初识类，函数进阶，如何改变this指向_writable 值是否可以重写(1)

还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！

王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。

对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！

【完整版领取方式在文末！！】

93道网络安全面试题

内容实在太多，不一一截图了

黑客学习资源推荐

最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

1️⃣零基础入门

① 学习路线

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

② 路线对应学习视频

同时每个成长路线对应的板块都有配套的视频提供：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

1.class类

1.1class本质还是function

1.2类的所有方法都定义在类的prototype属性上

1.3类创建的实例，里面也有_ proto_ 指向类的prototype原型对象

1.4语法糖

2.数组方法

2.1forEach

2.1filter（过滤元素）

2.3some（校验元素）

2.4map数据渲染

3.字符串方法

4.对象方法

4.1Object.defineProperty（）定义新属性或修改原有的属性

4.2value设置属性的值默认为undefined

4.3writable 值是否可以重写true | false默认为false

4.4enumerable 目标属性是否可以被枚举true | false默认也为false

4.5configurabletrue| false 默认为false

写在最后

---

前言

• 👉 个人主页：Aic山鱼****
• 个人社区：山鱼社区****
• 💬 如果文章对你有帮助，欢迎关注、点赞、收藏(一键三连)和订阅专栏

1.class类

1.1class本质还是function

1.2类的所有方法都定义在类的prototype属性上

1.3类创建的实例，里面也有_ proto_ 指向类的prototype原型对象

1.4语法糖

ES6的类它的绝大部分功能, ES5都可以做到,而class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已， 语法糖就是一种便捷写法. 简单理解, 有两种方法可以实现同样的功能，但是一种写法更加清晰、 方便那么这个方法就是语法糖，对于es5来说es6就是语法糖

这俩看起来，那个比较简单呢？对就是第二个（别杠），这就是语法糖

2.数组方法

2.1forEach

语法：数组.forEach（回调函数（value：数组当前项值，index：数组当前索引，array：数组本身））

 <script>
        var arr = [5, 6, 7];
        var sum = 0;
        arr.forEach(function (value, index, array) {
            console.log(value);
            sum += value;
        })
        console.log(sum);
    </script>

2.1filter（过滤元素）

主要是用来筛选数组的（迭代遍历后得到的是一个数组，所以需要接受一下）

  // filter
        var arr1 = [12, 34, 5, 66, 78, 0];
        // 由于filter返回的是一个新数组所以需要接收一下newArray
        var newArray = arr1.filter(function (value, index) {
            // 找到小于10 的数
            return value < 10;
        })
        console.log(newArray);

2.3some（校验元素）

用来查找数组中是否有满足条件的元素（返回值是一个Boolean的值，有该查找的元素就返回true，没有的话就返回false，当查找到第一个满足的元素时，则会停止查找）

 var arr = [2, 3, 4, 5, 6];
        var newArr= arr.some(function (value, index) {
            return value % 3 === 0;
        })
        console.log(newArr);
        

依次判断，先从第一个元素开始，查看是否满足条件如果不满足条件则接着查找，如果满足条件则返回true，如果没有任何一个元素满足条件则返回false

2.4map数据渲染

var fileBlog= [
        {
            title: '【JavaScript——初始JS】',
            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
            intr: '本文是一篇对js萌新极其友好的一篇文章....'
    
        }, {
            title: '【JavaScript——初始JS】',
            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
            intr: '本文是一篇对js萌新极其友好的一篇文章....'
        }, {
            title: '【JavaScript——初始JS】',
            url: 'https://blog.csdn.net/zhaochen1127/article/details/125956545?spm=1001.2014.3001.5501',
            intr: '本文是一篇对js萌新极其友好的一篇文章....'
        }
    ]
    var fblog = fileBlog.map(function (item) {
        return `
            <li>
                <h5>${item.title}</h5>
                <p>${item.intr}</p>
                <a href="${item.url}" target="_blank">阅读博客</a>
            </li>
            `
    })
    var ul = document.querySelector('.blogs').querySelector('.bcon').querySelector('.blist');
    console.log( fblog.join(''));
     ul.innerHTML = fblog.join('');

3.字符串方法

trim()方法（trim不会影响字符串本身的，返回的是一个新的字符串）

学习路线：

这个方向初期比较容易入门一些，掌握一些基本技术，拿起各种现成的工具就可以开黑了。不过，要想从脚本小子变成黑客大神，这个方向越往后，需要学习和掌握的东西就会越来越多以下是网络渗透需要学习的内容：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！