原型上添加一个方法和直接写一个方法有什么区别？

原创于 2020-03-26 20:45:55 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

60 篇文章

订阅专栏

本文介绍两种数组去重方法：一种是通过原型链扩展，另一种是独立定义函数。推荐使用独立定义函数方法，它更利于项目解耦和后期维护。

//数组去重
Array.prototype.unique = function () {
    return Array.from(new Set(this));
};
let arr = [1, 2, 3, 1];
console.log(arr.unique());



function unique(arrF) {
    return Array.from(new Set(arr));
}
let arrF = [1, 2, 3, 1];
consoel.log(unique(arrF));

结论：推荐第二种方法

上面两种都是添加了一种数组去重的方法，区别在于调用方法不同，但是我们推荐使用第二种方法

	优点	缺点
原型添加	不受组件挂载的限制，一次定义可全局直接使用	该方法使用多了，不利于维护修改，不符合模块化开发的潮流
定义方法	1.方法修改后不会影响全局 2. 利于项目解耦	使用方法需要引入