JavaScript 模块工厂方法：面向全球开发的对象创建抽象化

            
 function createCounterModule() {
 let count = 0;
 
 return {
 increment: function() {
 count++;
 },
 decrement: function() {
 count--;
 },
 getCount: function() {
 return count;
 }
 };
 }
 
 const counter1 = createCounterModule();
 counter1.increment();
 console.log(counter1.getCount()); // Output: 1
 
            

              
                Copy
              
            
          

            
 function createLoggingModule(logger) {
 let data = {};
 
 return {
 setData: function(key, value) {
 data[key] = value;
 logger.log("Setting data: " + key + " = " + value);
 },
 getData: function(key) {
 return data[key];
 }
 };
 }
 
 // Example Logger - could be a global logger from a framework.
 const consoleLogger = {
 log: function(message) {
 console.log(message);
 }
 };
 
 const myModule = createLoggingModule(consoleLogger);
 myModule.setData("name", "Alice");
 console.log(myModule.getData("name")); // Output: Alice
 
            

              
                Copy
              
            
          

            
 function createValidationModule(validationRules) {
 return {
 validate: function(value) {
 for (const rule of validationRules) {
 if (!rule.isValid(value)) {
 return { isValid: false, message: rule.message };
 }
 }
 return { isValid: true };
 }
 };
 }
 
 // Example Validation Rules
 const emailValidationRules = [
 {
 isValid: function(value) { return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(value); },
 message: "Invalid email format."
 }
 ];
 
 const emailValidator = createValidationModule(emailValidationRules);
 console.log(emailValidator.validate("test@example.com")); // { isValid: true }
 console.log(emailValidator.validate("invalid-email")); // { isValid: false, message: 'Invalid email format.' }
 
            

              
                Copy
              
            
          

            
 function createLocalizationModule(locale) {
 const translations = {
 'en': {
 'greeting': 'Hello, {name}!',
 'goodbye': 'Goodbye'
 },
 'es': {
 'greeting': 'Hola, {name}!',
 'goodbye': 'Adiós'
 },
 // Add more locales as needed
 };
 
 return {
 translate: function(key, params) {
 const localizedString = translations[locale][key];
 if (localizedString) {
 return localizedString.replace(/\{([^}]+)}/g, (match, paramKey) => params[paramKey] || match);
 }
 return key; // Return the key if no translation exists
 },
 getLocale: function() {
 return locale;
 }
 };
 }
 
 const english = createLocalizationModule('en');
 console.log(english.translate('greeting', { name: 'World' })); // Output: Hello, World!
 const spanish = createLocalizationModule('es');
 console.log(spanish.translate('greeting', { name: 'Mundo' })); // Output: Hola, Mundo!
 
            

              
                Copy
              
            
          

            
 function createApiModule(apiKey) {
 const baseUrl = 'https://api.example.com'; // Use a real API here
 
 async function fetchData(endpoint) {
 try {
 const response = await fetch(baseUrl + endpoint, {
 headers: {
 'Authorization': 'Bearer ' + apiKey,
 'Content-Type': 'application/json'
 }
 });
 if (!response.ok) {
 throw new Error(`HTTP error! status: ${response.status}`);
 }
 return await response.json();
 } catch (error) {
 console.error('Error fetching data:', error);
 throw error;
 }
 }
 
 return {
 getData: async function(resource) {
 return await fetchData('/' + resource);
 },
 postData: async function(resource, data) {
 // Implement POST functionality here.
 }
 };
 }
 
 // Example use
 const api = createApiModule('YOUR_API_KEY');
 api.getData('users')
 .then(data => console.log(data))
 .catch(error => console.error("Error:", error));
 
            

              
                Copy
              
            
          

            
 function createStateModule() {
 let state = {};
 
 return {
 setState: function(key, value) {
 state[key] = value;
 },
 getState: function(key) {
 return state[key];
 },
 // Could also include methods for subscribing to state changes
 };
 }
 
 const appState = createStateModule();
 appState.setState('userProfile', { name: 'Global User' });
 console.log(appState.getState('userProfile'));
 
            

              
                Copy
              
            
          

            
 // Example React Component
 function Greeting(props) {
 return ( 
 <div> Hello, {props.name}! </div>
 );
 }
 
            

              
                Copy