重复使用js函数的问题是因为函数命名冲突导致的。最简单的解决方法是使用匿名函数(wrapper function)来封装需要重复使用的代码。
示例代码:
(function() {
// 函数体
})();
这个代码块可以被复制粘贴多次,并在同一页中重复使用。每一个wrapper函数都是独立的作用域,不会造成命名冲突。
举例:
(function() {
function sayHello() {
console.log('Hello');
}
sayHello();
})();
(function() {
function sayHello() {
console.log('Bonjour');
}
sayHello();
})();
这样便可以在同一页重复使用函数sayHello。第一个wrapper函数输出的是'Hello',第二个wrapper函数输出的是'Bonjour',两者不会造成冲突。