万能营销软件脚本 › »AIWORK源码分享 › JavaScript语法小示例

YYPOST群发软件 发表于 7 天前

JavaScript语法小示例

JavaScript语法小示例




// JavaScript 高级功能综合示例
// 基于 AIWROK 软件技术文档中的 JavaScript 语句说明
// 包含基础概念和高级功能的完整演示

// ==================== 第一部分：基础概念 ====================

console.log("\n========== JavaScript 基础概念演示开始 ==========");
sleep.second(秒=2);

// 1. JavaScript 语句 - 用分号分隔的命令
console.log("\n【1】JavaScript 语句示例");
var x = 5 + 6;// 数字运算
var y = x * 10; // 表达式计算
console.log("x = " + x + ", y = " + y);
sleep.second(秒=2);

// 2. JavaScript 关键字使用示例
console.log("\n【2】JavaScript 关键字使用示例");
var firstName = "John";    // var 关键字声明变量
var lastName = "Doe";      // 字符串赋值
var age = 30;            // 数字赋值
var isActive = true;       // 布尔值
console.log("姓名: " + firstName + " " + lastName + ", 年龄: " + age + ", 激活状态: " + isActive);
sleep.second(秒=2);

// 3. JavaScript 注释示例
// 这是单行注释，不会被执行
/*
   这是多行注释
   也不会被执行
*/

// 4. JavaScript 数据类型示例
console.log("\n【4】JavaScript 数据类型示例");
var length = 16;                                    // Number 类型
var points = x * 10;                              // Number 通过表达式
var fullName = firstName + " " + lastName;          // String 字符串拼接
var hobbies = ["阅读", "编程", "运动"];             // Array 数组
var person = {                                    // Object 对象
    firstName: firstName,
    lastName: lastName,
    age: age,
    isActive: isActive
};
console.log("长度: " + length + ", 分数: " + points);
console.log("全名: " + fullName);
console.log("爱好数量: " + hobbies.length);
sleep.second(秒=2);

// 5. 数据类型操作示例
console.log("\n【5】数据类型操作示例");
var numStr = 16 + "Volvo";// 数字与字符串拼接结果为 "16Volvo"
console.log("数字与字符串拼接结果: " + numStr);
sleep.second(秒=2);

// 6. JavaScript 函数示例
console.log("\n【6】JavaScript 函数示例");
function calculateArea(width, height) {
    return width * height;// 返回面积计算结果
}

function greetUser(name) {
    return "你好, " + name + "!";// 返回问候语
}

// 调用函数
var area = calculateArea(5, 10);
var greeting = greetUser(firstName);

console.log("矩形面积 (5x10): " + area);
console.log(greeting);
sleep.second(秒=2);

// 7. 大小写敏感性示例
console.log("\n【7】大小写敏感性示例");
var myVariable = "小写变量";
var MyVariable = "大写开头变量";
// 注意：myVariable 和 MyVariable 是两个不同的变量

console.log("myVariable: " + myVariable);
console.log("MyVariable: " + MyVariable);
console.log("两个变量不同: " + (myVariable !== MyVariable));
sleep.second(秒=2);

// 8. 更多关键字使用示例
console.log("\n【8】控制流关键字示例");
if (age >= 18) {
    console.log("年龄 " + age + " - 成年人");
} else {
    console.log("年龄 " + age + " - 未成年人");
}

console.log("\n遍历爱好列表:");
for (var i = 0; i < hobbies.length; i++) {
    console.log("爱好 " + (i+1) + ": " + hobbies);
}
sleep.second(秒=2);

// 9. switch 语句示例
console.log("\n【9】switch 语句示例");
var day = 3;
var dayName;
switch (day) {
    case 1:
      dayName = "星期一";
      break;
    case 2:
      dayName = "星期二";
      break;
    case 3:
      dayName = "星期三";
      break;
    default:
      dayName = "其他日期";
}
console.log("今天是: " + dayName);
sleep.second(秒=2);

// 10. try-catch 错误处理示例
console.log("\n【10】try-catch 错误处理示例");
try {
    var result = undefinedVariable + 10;// 这会引发错误
} catch (error) {
    console.log("捕获到错误: " + error.message);
    console.log("错误处理成功！");
}
sleep.second(秒=2);

// 11. 数组操作方法
console.log("\n【11】数组操作方法示例");
var numbers = ;
console.log("原始数组: " + numbers.join(", "));
numbers.push(6);// 添加元素
console.log("push后: " + numbers.join(", "));
numbers.pop();    // 移除最后一个元素
console.log("pop后: " + numbers.join(", "));
sleep.second(秒=2);

// 12. 对象方法示例
console.log("\n【12】对象方法示例");
person.getFullName = function() {
    return this.firstName + " " + this.lastName;
};

console.log("完整姓名: " + person.getFullName());
console.log("人员信息: " + JSON.stringify(person));
sleep.second(秒=2);

// ==================== 第二部分：高级功能 ====================

console.log("\n========== JavaScript 高级功能演示开始 ==========");
sleep.second(秒=2);

// 13. 闭包示例
console.log("\n【13】闭包示例");
function createCounter() {
    var count = 0;
    return {
      increment: function() {
            count++;
            return count;
      },
      decrement: function() {
            count--;
            return count;
      },
      getCount: function() {
            return count;
      }
    };
}

var counter = createCounter();
console.log("计数器初始值: " + counter.getCount());
console.log("递增后: " + counter.increment());
console.log("再递增: " + counter.increment());
console.log("递减后: " + counter.decrement());
sleep.second(秒=2);

// 14. 递归函数示例
console.log("\n【14】递归函数示例");
function factorial(n) {
    if (n <= 1) return 1;
    return n * factorial(n - 1);
}

console.log("5的阶乘: " + factorial(5));
console.log("10的阶乘: " + factorial(10));
sleep.second(秒=2);

// 15. 高阶函数示例
console.log("\n【15】高阶函数示例");
function applyOperation(arr, operation) {
    var result = [];
    for (var i = 0; i < arr.length; i++) {
      result.push(operation(arr));
    }
    return result;
}

var squaredNumbers = applyOperation(, function(num) {
    return num * num;
});
console.log("原始数组: ");
console.log("平方数组: " + squaredNumbers.join(", "));
sleep.second(秒=2);

// 16. 原型链示例
console.log("\n【16】原型链继承示例");
function Animal(name, type) {
    this.name = name;
    this.type = type;
}

Animal.prototype.speak = function() {
    return this.name + " 发出了声音";
};

function Dog(name) {
    Animal.call(this, name, "狗");
}

Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
Dog.prototype.bark = function() {
    return this.name + " 汪汪叫";
};

var myDog = new Dog("旺财");
console.log(myDog.speak());
console.log(myDog.bark());
sleep.second(秒=2);

// 17. Promise 模拟（由于环境限制，使用回调方式）
console.log("\n【17】异步编程示例");
function asyncOperation(data, callback) {
    setTimeout(function() {
      var result = "处理完成: " + data;
      callback(null, result);
    }, 100);
}

asyncOperation("测试数据", function(error, result) {
    if (error) {
      console.log("错误: " + error);
    } else {
      console.log(result);
    }
});
sleep.second(秒=2);

// 18. 模块化模式
console.log("\n【18】模块化模式示例");
var MathUtils = (function() {
    // 私有变量和方法
    var PI = 3.14159265359;
   
    function validateNumber(num) {
      return typeof num === 'number' && !isNaN(num);
    }
   
    // 公共API
    return {
      circleArea: function(radius) {
            if (!validateNumber(radius) || radius < 0) {
                throw new Error("无效的半径值");
            }
            return PI * radius * radius;
      },
      rectangleArea: function(width, height) {
            if (!validateNumber(width) || !validateNumber(height)) {
                throw new Error("无效的尺寸值");
            }
            return width * height;
      },
      add: function(a, b) {
            if (!validateNumber(a) || !validateNumber(b)) {
                throw new Error("无效的数字参数");
            }
            return a + b;
      }
    };
})();

console.log("圆面积 (r=5): " + MathUtils.circleArea(5));
console.log("矩形面积 (5x10): " + MathUtils.rectangleArea(5, 10));
console.log("加法 (3+7): " + MathUtils.add(3, 7));
sleep.second(秒=2);

// 19. 事件模拟器
console.log("\n【19】事件系统示例");
var EventEmitter = function() {
    this.events = {};
};

EventEmitter.prototype.on = function(event, listener) {
    if (!this.events) {
      this.events = [];
    }
    this.events.push(listener);
};

EventEmitter.prototype.emit = function(event) {
    if (this.events) {
      var args = Array.prototype.slice.call(arguments, 1);
      this.events.forEach(function(listener) {
            listener.apply(null, args);
      });
    }
};

var emitter = new EventEmitter();
emitter.on('greet', function(name) {
    console.log("欢迎, " + name + "!");
});

emitter.on('data', function(data) {
    console.log("收到数据: " + data);
});

emitter.emit('greet', '用户');
emitter.emit('data', '重要信息');
sleep.second(秒=2);

// 20. 数据结构实现 - 栈
console.log("\n【20】栈 (Stack) 数据结构示例");
function Stack() {
    this.items = [];
}

Stack.prototype.push = function(item) {
    this.items.push(item);
};

Stack.prototype.pop = function() {
    if (this.isEmpty()) {
      return null;
    }
    return this.items.pop();
};

Stack.prototype.peek = function() {
    if (this.isEmpty()) {
      return null;
    }
    return this.items;
};

Stack.prototype.isEmpty = function() {
    return this.items.length === 0;
};

Stack.prototype.size = function() {
    return this.items.length;
};

var stack = new Stack();
stack.push(1);
stack.push(2);
stack.push(3);
console.log("栈顶元素: " + stack.peek());
console.log("弹出元素: " + stack.pop());
console.log("栈大小: " + stack.size());
sleep.second(秒=2);

// 21. 数据结构实现 - 队列
console.log("\n【21】队列 (Queue) 数据结构示例");
function Queue() {
    this.items = [];
}

Queue.prototype.enqueue = function(item) {
    this.items.push(item);
};

Queue.prototype.dequeue = function() {
    if (this.isEmpty()) {
      return null;
    }
    return this.items.shift();
};

Queue.prototype.front = function() {
    if (this.isEmpty()) {
      return null;
    }
    return this.items;
};

Queue.prototype.isEmpty = function() {
    return this.items.length === 0;
};

Queue.prototype.size = function() {
    return this.items.length;
};

var queue = new Queue();
queue.enqueue("任务1");
queue.enqueue("任务2");
queue.enqueue("任务3");
console.log("队首任务: " + queue.front());
console.log("完成任务: " + queue.dequeue());
console.log("剩余任务数: " + queue.size());
sleep.second(秒=2);

// 22. 正则表达式示例
console.log("\n【22】正则表达式验证示例");
function validateEmail(email) {
    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailRegex.test(email);
}

function validatePhone(phone) {
    var phoneRegex = /^1\d{9}$/;
    return phoneRegex.test(phone);
}

console.log("邮箱验证 test@example.com: " + validateEmail("test@example.com"));
console.log("手机号验证 13812345678: " + validatePhone("13812345678"));
sleep.second(秒=2);

// 23. JSON 操作示例
console.log("\n【23】JSON 数据处理示例");
var userData = {
    id: 1,
    name: "张三",
    age: 25,
    hobbies: ["读书", "游泳"],
    address: {
      city: "北京",
      street: "长安街100号"
    }
};

var jsonString = JSON.stringify(userData);
console.log("JSON字符串: " + jsonString);

var parsedData = JSON.parse(jsonString);
console.log("解析后的名字: " + parsedData.name);
console.log("解析后的城市: " + parsedData.address.city);
sleep.second(秒=2);

// 24. 字符串处理方法
console.log("\n【24】字符串处理方法示例");
var text = "Hello World JavaScript";
console.log("转大写: " + text.toUpperCase());
console.log("转小写: " + text.toLowerCase());
console.log("子字符串: " + text.substring(0, 5));
console.log("替换: " + text.replace("World", "宇宙"));
console.log("分割: " + text.split(" ").join("-"));
sleep.second(秒=2);

// 25. 日期和时间处理
console.log("\n【25】日期和时间处理示例");
var now = new Date();
console.log("当前时间: " + now.toLocaleString());
console.log("年份: " + now.getFullYear());
console.log("月份: " + (now.getMonth() + 1));
console.log("日期: " + now.getDate());
console.log("小时: " + now.getHours());
console.log("分钟: " + now.getMinutes());
console.log("秒数: " + now.getSeconds());
sleep.second(秒=2);

// 26. Map 数据结构
console.log("\n【26】Map 数据结构示例");
function CustomMap() {
    this.keys = [];
    this.values = [];
}

CustomMap.prototype.set = function(key, value) {
    var index = this.keys.indexOf(key);
    if (index !== -1) {
      this.values = value;
    } else {
      this.keys.push(key);
      this.values.push(value);
    }
};

CustomMap.prototype.get = function(key) {
    var index = this.keys.indexOf(key);
    if (index !== -1) {
      return this.values;
    }
    return undefined;
};

CustomMap.prototype.has = function(key) {
    return this.keys.indexOf(key) !== -1;
};

CustomMap.prototype.delete = function(key) {
    var index = this.keys.indexOf(key);
    if (index !== -1) {
      this.keys.splice(index, 1);
      this.values.splice(index, 1);
      return true;
    }
    return false;
};

CustomMap.prototype.size = function() {
    return this.keys.length;
};

var map = new CustomMap();
map.set("name", "李四");
map.set("age", 28);
map.set("city", "上海");
console.log("Map中获取name: " + map.get("name"));
console.log("Map中是否存在age: " + map.has("age"));
console.log("Map大小: " + map.size());
map.delete("city");
console.log("删除city后Map大小: " + map.size());
sleep.second(秒=2);

// 27. Set 数据结构
console.log("\n【27】Set 数据结构示例");
function CustomSet() {
    this.items = {};
}

CustomSet.prototype.add = function(value) {
    this.items = value;
};

CustomSet.prototype.has = function(value) {
    return this.items.hasOwnProperty(value);
};

CustomSet.prototype.delete = function(value) {
    if (this.has(value)) {
      delete this.items;
      return true;
    }
    return false;
};

CustomSet.prototype.size = function() {
    return Object.keys(this.items).length;
};

CustomSet.prototype.values = function() {
    return Object.keys(this.items);
};

var set = new CustomSet();
set.add(1);
set.add(2);
set.add(3);
set.add(2); // 重复值不会添加
console.log("Set中的值: " + set.values().join(", "));
console.log("Set大小: " + set.size());
console.log("是否包含2: " + set.has(2));
set.delete(1);
console.log("删除1后Set大小: " + set.size());
sleep.second(秒=2);

// 28. 观察者模式
console.log("\n【28】观察者模式示例");
function Subject() {
    this.observers = [];
}

Subject.prototype.addObserver = function(observer) {
    this.observers.push(observer);
};

Subject.prototype.removeObserver = function(observer) {
    var index = this.observers.indexOf(observer);
    if (index > -1) {
      this.observers.splice(index, 1);
    }
};

Subject.prototype.notify = function(data) {
    this.observers.forEach(function(observer) {
      observer.update(data);
    });
};

function Observer(name) {
    this.name = name;
}

Observer.prototype.update = function(data) {
    console.log(this.name + " 收到更新: " + data);
};

var subject = new Subject();
var observer1 = new Observer("观察者1");
var observer2 = new Observer("观察者2");

subject.addObserver(observer1);
subject.addObserver(observer2);
subject.notify("状态改变");
sleep.second(秒=2);

// 29. 工厂模式
console.log("\n【29】工厂模式示例");
function createUser(type, name, age) {
    var user = {
      name: name,
      age: age,
      type: type
    };
   
    if (type === "admin") {
      user.permissions = ["read", "write", "delete"];
    } else if (type === "user") {
      user.permissions = ["read"];
    }
   
    user.getInfo = function() {
      return this.name + " (" + this.type + "), 年龄: " + this.age;
    };
   
    return user;
}

var admin = createUser("admin", "管理员", 35);
var regularUser = createUser("user", "普通用户", 25);

console.log(admin.getInfo());
console.log("管理员权限: " + admin.permissions.join(", "));
console.log(regularUser.getInfo());
console.log("普通用户权限: " + regularUser.permissions.join(", "));
sleep.second(秒=2);

// 30. 装饰器模式
console.log("\n【30】装饰器模式示例");
function Coffee(price) {
    this.price = price;
}

Coffee.prototype.cost = function() {
    return this.price;
};

function MilkDecorator(coffee) {
    this.coffee = coffee;
}

MilkDecorator.prototype.cost = function() {
    return this.coffee.cost() + 5;
};

function SugarDecorator(coffee) {
    this.coffee = coffee;
}

SugarDecorator.prototype.cost = function() {
    return this.coffee.cost() + 2;
};

var basicCoffee = new Coffee(10);
var milkCoffee = new MilkDecorator(basicCoffee);
var sweetMilkCoffee = new SugarDecorator(milkCoffee);

console.log("基础咖啡价格: " + basicCoffee.cost());
console.log("加奶咖啡价格: " + milkCoffee.cost());
console.log("加糖加奶咖啡价格: " + sweetMilkCoffee.cost());
sleep.second(秒=2);

// 输出所有示例结果总结
console.log("\n========== JavaScript 演示完成 ==========");
console.log("\n已演示以下功能:");
console.log("1. 基础语法和数据类型");
console.log("2. 函数和闭包");
console.log("3. 面向对象编程");
console.log("4. 异步编程模式");
console.log("5. 模块化设计");
console.log("6. 事件系统");
console.log("7. 数据结构实现 (栈、队列、Map、Set)");
console.log("8. 正则表达式");
console.log("9. JSON处理");
console.log("10. 字符串和日期处理");
console.log("11. 设计模式应用 (工厂、观察者、装饰器)");
console.log("\n总计: 30个功能模块演示完成！");
console.log("\n========== 演示结束 ==========");

查看完整版本: JavaScript语法小示例