自动发帖软件
标题:
AIWROK环境JavaScript编码规范完整示例
[打印本页]
作者:
发帖软件
时间:
3 小时前
标题:
AIWROK环境JavaScript编码规范完整示例
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 (苹果内测群)
复制代码
欢迎光临 自动发帖软件 (http://www.fatiegongju.com/)
Powered by Discuz! X3.2