 | |  |  | AIWROK环境JavaScript编码规范完整示例
- /**
- * ============================================================================
- * 文件名: JavaScript代码规范演示.js
- * 描述: AIWROK环境JavaScript编码规范完整示例
- * 作者: AIWROK开发团队
- * 交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)
- * 版本: v1.0
- * 日期: 2026-04-23
- * ============================================================================
- */
- // ==================== 变量命名规范 ====================
- // 使用驼峰法 (camelCase),全部使用var声明
- var firstName = "张";
- var lastName = "三";
- var price = 19.90;
- var tax = 0.20;
- var fullName = firstName + lastName;
- // ==================== 运算符规范 ====================
- // 运算符前后添加空格
- var total = price + (price * tax);
- var discount = price - (price * 0.1);
- // ==================== 函数定义规范 ====================
- // 使用4个空格缩进,标准函数声明
- function toCelsius(fahrenheit) {
- return (5 / 9) * (fahrenheit - 32);
- }
- // ==================== 数组定义规范 ====================
- // 标准数组写法
- var values = ["沃尔沃", "萨博", "菲亚特"];
- // ==================== 对象定义规范 ====================
- // 遵循规范格式,属性间有空格
- var person = {
- firstName: "李",
- lastName: "四",
- age: 50,
- eyeColor: "蓝色"
- };
- // 短对象可以写成一行
- var shortPerson = {firstName: "王", lastName: "五", age: 30, eyeColor: "绿色"};
- // ==================== 条件语句规范 ====================
- // 左花括号在第一行结尾,右花括号独立成行
- var time = 15; // 示例变量
- var greeting;
- if (time < 20) {
- greeting = "早上好";
- } else {
- greeting = "晚上好";
- }
- // ==================== 循环语句规范 ====================
- // for循环标准写法
- var i, x = 0;
- for (i = 0; i < 5; i++) {
- x += i;
- }
- // ==================== 全局变量规范 ====================
- // 全局变量使用大写
- var MAX_USERS = 100;
- var API_KEY = "abc123xyz";
- // ==================== 常量定义规范 ====================
- // 常量使用大写(用var声明)
- var PI = 3.14159;
- var GRAVITY = 9.8;
- // ==================== 函数命名规范 ====================
- // 使用小驼峰法
- function calculateArea(radius) {
- return PI * radius * radius;
- }
- function getUserInfo(userId) {
- // 函数内部逻辑
- var user = {
- id: userId,
- name: "未知用户",
- status: "活跃"
- };
-
- return user;
- }
- // ==================== 复杂对象定义 ====================
- var config = {
- apiUrl: "https://api.example.com",
- timeout: 5000,
- retries: 3,
- headers: {
- contentType: "application/json",
- authorization: "Bearer token123"
- }
- };
- // ==================== 注释规范 ====================
- // 单行注释
- // 这是一个单行注释示例
- var result = calculateArea(5);
- /*
- 多行注释示例
- 用于解释复杂的逻辑或算法
- */
- function complexCalculation(a, b) {
- // 第一步:验证输入参数
- if (typeof a !== 'number' || typeof b !== 'number') {
- throw new Error("参数必须是数字");
- }
-
- // 第二步:执行计算
- var sum = a + b;
- var product = a * b;
-
- // 第三步:返回结果
- return {
- sum: sum,
- product: product
- };
- }
- // ==================== 字符串规范 ====================
- // 使用双引号
- var message = "你好世界";
- var template = "欢迎, " + firstName;
- // ==================== 数字规范 ====================
- // 数字不需要引号
- var count = 42;
- var temperature = -5.5;
- // ==================== 布尔值规范 ====================
- var isActive = true;
- var isDeleted = false;
- // ==================== null和undefined规范 ====================
- var emptyValue = null;
- var uninitialized;
- // ==================== 数组操作规范 ====================
- var fruits = ["苹果", "香蕉", "橙子"];
- fruits.push("葡萄"); // 添加元素
- var firstFruit = fruits[0]; // 访问元素
- // ==================== 对象方法规范 ====================
- var calculator = {
- add: function(a, b) {
- return a + b;
- },
- subtract: function(a, b) {
- return a - b;
- }
- };
- // ==================== 构造函数规范 ====================
- function Person(name, age) {
- this.name = name;
- this.age = age;
-
- this.greet = function() {
- return "你好,我叫" + this.name;
- };
- }
- var john = new Person("张三", 30);
- console.log(john.greet());
- // ==================== 事件处理函数规范 ====================
- function handleClick(event) {
- console.log("按钮被点击");
- }
- function submitForm(formData) {
- // 表单提交逻辑
- console.log("提交表单:", formData);
- }
- // ==================== 错误处理规范 ====================
- // 使用try-catch,错误标识使用ERR
- try {
- var riskyOperation = JSON.parse("{invalid json}");
- } catch (err) {
- console.log("ERR 解析错误:", err.message);
- } finally {
- console.log("操作完成");
- }
- // ==================== 执行示例代码 ====================
- console.log("=== JavaScript代码规范演示开始 ===");
- sleep.second(2);
- // 【1】变量和运算符演示
- console.log("\n【1】变量命名与运算符规范演示:");
- console.log("姓名: " + fullName);
- console.log("商品价格: " + String(price) + " 元");
- console.log("税率: " + String(tax * 100) + "%");
- console.log("含税总价: " + String(total.toFixed(2)) + " 元");
- console.log("折扣价: " + String(discount.toFixed(2)) + " 元");
- sleep.second(2);
- // 【2】函数调用演示
- console.log("\n【2】函数定义与调用演示:");
- var fahrenheit = 100;
- var celsius = toCelsius(fahrenheit);
- console.log(fahrenheit + "°F = " + celsius.toFixed(2) + "°C");
- console.log("32°F = " + toCelsius(32).toFixed(2) + "°C");
- console.log("212°F = " + toCelsius(212).toFixed(2) + "°C");
- sleep.second(2);
- // 【3】数组操作演示
- console.log("\n【3】数组操作规范演示:");
- console.log("汽车品牌: " + values.join(", "));
- console.log("水果列表: " + fruits.join(", "));
- console.log("水果数量: " + fruits.length);
- console.log("第一个水果: " + firstFruit);
- console.log("最后一个水果: " + fruits[fruits.length - 1]);
- sleep.second(2);
- // 【4】对象操作演示
- console.log("\n【4】对象定义与访问演示:");
- console.log("用户信息 - 姓: " + person.firstName + " 名: " + person.lastName);
- console.log("年龄: " + person.age + " 岁");
- console.log("眼睛颜色: " + person.eyeColor);
- console.log("简短用户: " + shortPerson.firstName + shortPerson.lastName + " 年龄: " + shortPerson.age);
- sleep.second(2);
- // 【5】条件语句演示
- console.log("\n【5】条件语句规范演示:");
- console.log("当前时间: " + time);
- console.log("问候语: " + greeting);
- var testTime = 22;
- var testGreeting;
- if (testTime < 12) {
- testGreeting = "上午好";
- } else if (testTime < 18) {
- testGreeting = "下午好";
- } else {
- testGreeting = "晚上好";
- }
- console.log(testTime + "点的问候语: " + testGreeting);
- sleep.second(2);
- // 【6】循环语句演示
- console.log("\n【6】循环语句规范演示:");
- console.log("累加结果(0+1+2+3+4): " + x);
- var sumResult = 0;
- for (var j = 1; j <= 10; j++) {
- sumResult += j;
- }
- console.log("1到10的累加和: " + sumResult);
- sleep.second(2);
- // 【7】数学计算演示
- console.log("\n【7】数学计算规范演示:");
- console.log("圆周率 PI: " + String(PI));
- console.log("重力加速度: " + String(GRAVITY) + " m/s²");
- console.log("半径5的圆面积: " + String(calculateArea(5).toFixed(2)));
- console.log("半径10的圆面积: " + String(calculateArea(10).toFixed(2)));
- var calcResult = complexCalculation(10, 20);
- console.log("复杂计算(10+20): " + String(calcResult.sum));
- console.log("复杂计算(10*20): " + String(calcResult.product));
- sleep.second(2);
- // 【8】字符串操作演示
- console.log("\n【8】字符串操作规范演示:");
- console.log("欢迎消息: " + message);
- console.log("个性化欢迎: " + template);
- console.log("消息长度: " + message.length);
- console.log("转换为大写: " + message.toUpperCase());
- console.log("转换为小写: " + message.toLowerCase());
- console.log("截取前2个字符: " + message.substring(0, 2));
- sleep.second(2);
- // 【9】对象方法演示
- console.log("\n【9】对象方法规范演示:");
- console.log("计算器 - 加法(15+25): " + calculator.add(15, 25));
- console.log("计算器 - 减法(50-20): " + calculator.subtract(50, 20));
- console.log("计算器 - 乘法(6*7): " + calculator.add(6, 6, 6, 6, 6, 6)); // 模拟
- sleep.second(2);
- // 【10】构造函数演示
- console.log("\n【10】构造函数规范演示:");
- console.log(john.greet());
- var lisi = new Person("李四", 25);
- console.log(lisi.greet());
- var wangwu = new Person("王五", 35);
- console.log(wangwu.greet());
- sleep.second(2);
- // 【11】配置对象演示
- console.log("\n【11】复杂配置对象演示:");
- console.log("API地址: " + config.apiUrl);
- console.log("超时时间: " + config.timeout + " 毫秒");
- console.log("重试次数: " + config.retries);
- console.log("内容类型: " + config.headers.contentType);
- sleep.second(2);
- // 【12】错误处理演示
- console.log("\n【12】错误处理规范演示:");
- try {
- console.log("尝试解析错误的JSON数据...");
- var invalidData = JSON.parse("{不是有效的JSON}");
- } catch (err) {
- console.log("ERR 捕获到错误: " + err.message);
- console.log("错误类型: " + err.name);
- } finally {
- console.log("无论是否出错,都会执行这里的代码");
- }
- sleep.second(2);
- // 【13】数据类型演示
- console.log("\n【13】数据类型规范演示:");
- console.log("数字类型: " + typeof count + " = " + String(count));
- console.log("小数类型: " + typeof temperature + " = " + String(temperature));
- console.log("布尔类型: " + typeof isActive + " = " + String(isActive));
- console.log("空值类型: " + typeof emptyValue + " = " + String(emptyValue));
- console.log("未定义类型: " + typeof uninitialized + " = " + String(uninitialized));
- console.log("字符串类型: " + typeof message + " = " + message);
- sleep.second(2);
- // 【14】全局常量演示
- console.log("\n【14】全局变量与常量演示:");
- console.log("最大用户数: " + String(MAX_USERS));
- console.log("API密钥: " + API_KEY.substring(0, 3) + "***");
- console.log("圆周率常量: " + String(PI));
- console.log("重力常量: " + String(GRAVITY));
- sleep.second(2);
- // 【15】综合应用演示
- console.log("\n【15】综合应用演示:");
- var orderTotal = 0;
- var items = [
- {name: "苹果", price: 5.5, quantity: 3},
- {name: "香蕉", price: 3.2, quantity: 5},
- {name: "橙子", price: 4.8, quantity: 2}
- ];
- console.log("购物清单:");
- for (var k = 0; k < items.length; k++) {
- var item = items[k];
- var subtotal = item.price * item.quantity;
- orderTotal += subtotal;
- console.log((k + 1) + ". " + item.name + " - 单价:" + item.price + "元 × " + item.quantity + " = " + subtotal.toFixed(2) + "元");
- }
- console.log("订单总计: " + String(orderTotal.toFixed(2)) + " 元");
- console.log("优惠后: " + String((orderTotal * 0.9).toFixed(2)) + " 元 (9折)");
- sleep.second(2);
- console.log("\n========================================");
- console.log("=== JavaScript代码规范演示结束 ===");
- console.log("========================================");
- console.log("感谢使用AIWROK开发平台");
- console.log("交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)");
- console.log("更多示例请访问官方文档");
- // ==================== 说明 ====================
- // 本文件演示了AIWROK环境中JavaScript的标准编码规范
- // 所有代码均符合行业最佳实践
- // 交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)
复制代码
| |  | |  |
|