自动发帖软件

标题: AIWROK环境JavaScript编码规范完整示例 [打印本页]

作者: 发帖软件    时间: 3 小时前
标题: AIWROK环境JavaScript编码规范完整示例
AIWROK环境JavaScript编码规范完整示例


  1. /**
  2. * ============================================================================
  3. * 文件名: JavaScript代码规范演示.js
  4. * 描述: AIWROK环境JavaScript编码规范完整示例
  5. * 作者: AIWROK开发团队
  6. * 交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)
  7. * 版本: v1.0
  8. * 日期: 2026-04-23
  9. * ============================================================================
  10. */

  11. // ==================== 变量命名规范 ====================
  12. // 使用驼峰法 (camelCase),全部使用var声明
  13. var firstName = "张";
  14. var lastName = "三";
  15. var price = 19.90;
  16. var tax = 0.20;
  17. var fullName = firstName + lastName;

  18. // ==================== 运算符规范 ====================
  19. // 运算符前后添加空格
  20. var total = price + (price * tax);
  21. var discount = price - (price * 0.1);

  22. // ==================== 函数定义规范 ====================
  23. // 使用4个空格缩进,标准函数声明
  24. function toCelsius(fahrenheit) {
  25.     return (5 / 9) * (fahrenheit - 32);
  26. }

  27. // ==================== 数组定义规范 ====================
  28. // 标准数组写法
  29. var values = ["沃尔沃", "萨博", "菲亚特"];

  30. // ==================== 对象定义规范 ====================
  31. // 遵循规范格式,属性间有空格
  32. var person = {
  33.     firstName: "李",
  34.     lastName: "四",
  35.     age: 50,
  36.     eyeColor: "蓝色"
  37. };

  38. // 短对象可以写成一行
  39. var shortPerson = {firstName: "王", lastName: "五", age: 30, eyeColor: "绿色"};

  40. // ==================== 条件语句规范 ====================
  41. // 左花括号在第一行结尾,右花括号独立成行
  42. var time = 15; // 示例变量
  43. var greeting;
  44. if (time < 20) {
  45.     greeting = "早上好";
  46. } else {
  47.     greeting = "晚上好";
  48. }

  49. // ==================== 循环语句规范 ====================
  50. // for循环标准写法
  51. var i, x = 0;
  52. for (i = 0; i < 5; i++) {
  53.     x += i;
  54. }

  55. // ==================== 全局变量规范 ====================
  56. // 全局变量使用大写
  57. var MAX_USERS = 100;
  58. var API_KEY = "abc123xyz";

  59. // ==================== 常量定义规范 ====================
  60. // 常量使用大写(用var声明)
  61. var PI = 3.14159;
  62. var GRAVITY = 9.8;

  63. // ==================== 函数命名规范 ====================
  64. // 使用小驼峰法
  65. function calculateArea(radius) {
  66.     return PI * radius * radius;
  67. }

  68. function getUserInfo(userId) {
  69.     // 函数内部逻辑
  70.     var user = {
  71.         id: userId,
  72.         name: "未知用户",
  73.         status: "活跃"
  74.     };
  75.    
  76.     return user;
  77. }

  78. // ==================== 复杂对象定义 ====================
  79. var config = {
  80.     apiUrl: "https://api.example.com",
  81.     timeout: 5000,
  82.     retries: 3,
  83.     headers: {
  84.         contentType: "application/json",
  85.         authorization: "Bearer token123"
  86.     }
  87. };

  88. // ==================== 注释规范 ====================
  89. // 单行注释
  90. // 这是一个单行注释示例
  91. var result = calculateArea(5);

  92. /*
  93.    多行注释示例
  94.    用于解释复杂的逻辑或算法
  95. */
  96. function complexCalculation(a, b) {
  97.     // 第一步:验证输入参数
  98.     if (typeof a !== 'number' || typeof b !== 'number') {
  99.         throw new Error("参数必须是数字");
  100.     }
  101.    
  102.     // 第二步:执行计算
  103.     var sum = a + b;
  104.     var product = a * b;
  105.    
  106.     // 第三步:返回结果
  107.     return {
  108.         sum: sum,
  109.         product: product
  110.     };
  111. }

  112. // ==================== 字符串规范 ====================
  113. // 使用双引号
  114. var message = "你好世界";
  115. var template = "欢迎, " + firstName;

  116. // ==================== 数字规范 ====================
  117. // 数字不需要引号
  118. var count = 42;
  119. var temperature = -5.5;

  120. // ==================== 布尔值规范 ====================
  121. var isActive = true;
  122. var isDeleted = false;

  123. // ==================== null和undefined规范 ====================
  124. var emptyValue = null;
  125. var uninitialized;

  126. // ==================== 数组操作规范 ====================
  127. var fruits = ["苹果", "香蕉", "橙子"];
  128. fruits.push("葡萄");  // 添加元素
  129. var firstFruit = fruits[0];  // 访问元素

  130. // ==================== 对象方法规范 ====================
  131. var calculator = {
  132.     add: function(a, b) {
  133.         return a + b;
  134.     },
  135.     subtract: function(a, b) {
  136.         return a - b;
  137.     }
  138. };

  139. // ==================== 构造函数规范 ====================
  140. function Person(name, age) {
  141.     this.name = name;
  142.     this.age = age;
  143.    
  144.     this.greet = function() {
  145.         return "你好,我叫" + this.name;
  146.     };
  147. }

  148. var john = new Person("张三", 30);
  149. console.log(john.greet());

  150. // ==================== 事件处理函数规范 ====================
  151. function handleClick(event) {
  152.     console.log("按钮被点击");
  153. }

  154. function submitForm(formData) {
  155.     // 表单提交逻辑
  156.     console.log("提交表单:", formData);
  157. }

  158. // ==================== 错误处理规范 ====================
  159. // 使用try-catch,错误标识使用ERR
  160. try {
  161.     var riskyOperation = JSON.parse("{invalid json}");
  162. } catch (err) {
  163.     console.log("ERR 解析错误:", err.message);
  164. } finally {
  165.     console.log("操作完成");
  166. }

  167. // ==================== 执行示例代码 ====================
  168. console.log("=== JavaScript代码规范演示开始 ===");
  169. sleep.second(2);

  170. // 【1】变量和运算符演示
  171. console.log("\n【1】变量命名与运算符规范演示:");
  172. console.log("姓名: " + fullName);
  173. console.log("商品价格: " + String(price) + " 元");
  174. console.log("税率: " + String(tax * 100) + "%");
  175. console.log("含税总价: " + String(total.toFixed(2)) + " 元");
  176. console.log("折扣价: " + String(discount.toFixed(2)) + " 元");
  177. sleep.second(2);

  178. // 【2】函数调用演示
  179. console.log("\n【2】函数定义与调用演示:");
  180. var fahrenheit = 100;
  181. var celsius = toCelsius(fahrenheit);
  182. console.log(fahrenheit + "°F = " + celsius.toFixed(2) + "°C");
  183. console.log("32°F = " + toCelsius(32).toFixed(2) + "°C");
  184. console.log("212°F = " + toCelsius(212).toFixed(2) + "°C");
  185. sleep.second(2);

  186. // 【3】数组操作演示
  187. console.log("\n【3】数组操作规范演示:");
  188. console.log("汽车品牌: " + values.join(", "));
  189. console.log("水果列表: " + fruits.join(", "));
  190. console.log("水果数量: " + fruits.length);
  191. console.log("第一个水果: " + firstFruit);
  192. console.log("最后一个水果: " + fruits[fruits.length - 1]);
  193. sleep.second(2);

  194. // 【4】对象操作演示
  195. console.log("\n【4】对象定义与访问演示:");
  196. console.log("用户信息 - 姓: " + person.firstName + " 名: " + person.lastName);
  197. console.log("年龄: " + person.age + " 岁");
  198. console.log("眼睛颜色: " + person.eyeColor);
  199. console.log("简短用户: " + shortPerson.firstName + shortPerson.lastName + " 年龄: " + shortPerson.age);
  200. sleep.second(2);

  201. // 【5】条件语句演示
  202. console.log("\n【5】条件语句规范演示:");
  203. console.log("当前时间: " + time);
  204. console.log("问候语: " + greeting);
  205. var testTime = 22;
  206. var testGreeting;
  207. if (testTime < 12) {
  208.     testGreeting = "上午好";
  209. } else if (testTime < 18) {
  210.     testGreeting = "下午好";
  211. } else {
  212.     testGreeting = "晚上好";
  213. }
  214. console.log(testTime + "点的问候语: " + testGreeting);
  215. sleep.second(2);

  216. // 【6】循环语句演示
  217. console.log("\n【6】循环语句规范演示:");
  218. console.log("累加结果(0+1+2+3+4): " + x);
  219. var sumResult = 0;
  220. for (var j = 1; j <= 10; j++) {
  221.     sumResult += j;
  222. }
  223. console.log("1到10的累加和: " + sumResult);
  224. sleep.second(2);

  225. // 【7】数学计算演示
  226. console.log("\n【7】数学计算规范演示:");
  227. console.log("圆周率 PI: " + String(PI));
  228. console.log("重力加速度: " + String(GRAVITY) + " m/s²");
  229. console.log("半径5的圆面积: " + String(calculateArea(5).toFixed(2)));
  230. console.log("半径10的圆面积: " + String(calculateArea(10).toFixed(2)));
  231. var calcResult = complexCalculation(10, 20);
  232. console.log("复杂计算(10+20): " + String(calcResult.sum));
  233. console.log("复杂计算(10*20): " + String(calcResult.product));
  234. sleep.second(2);

  235. // 【8】字符串操作演示
  236. console.log("\n【8】字符串操作规范演示:");
  237. console.log("欢迎消息: " + message);
  238. console.log("个性化欢迎: " + template);
  239. console.log("消息长度: " + message.length);
  240. console.log("转换为大写: " + message.toUpperCase());
  241. console.log("转换为小写: " + message.toLowerCase());
  242. console.log("截取前2个字符: " + message.substring(0, 2));
  243. sleep.second(2);

  244. // 【9】对象方法演示
  245. console.log("\n【9】对象方法规范演示:");
  246. console.log("计算器 - 加法(15+25): " + calculator.add(15, 25));
  247. console.log("计算器 - 减法(50-20): " + calculator.subtract(50, 20));
  248. console.log("计算器 - 乘法(6*7): " + calculator.add(6, 6, 6, 6, 6, 6)); // 模拟
  249. sleep.second(2);

  250. // 【10】构造函数演示
  251. console.log("\n【10】构造函数规范演示:");
  252. console.log(john.greet());
  253. var lisi = new Person("李四", 25);
  254. console.log(lisi.greet());
  255. var wangwu = new Person("王五", 35);
  256. console.log(wangwu.greet());
  257. sleep.second(2);

  258. // 【11】配置对象演示
  259. console.log("\n【11】复杂配置对象演示:");
  260. console.log("API地址: " + config.apiUrl);
  261. console.log("超时时间: " + config.timeout + " 毫秒");
  262. console.log("重试次数: " + config.retries);
  263. console.log("内容类型: " + config.headers.contentType);
  264. sleep.second(2);

  265. // 【12】错误处理演示
  266. console.log("\n【12】错误处理规范演示:");
  267. try {
  268.     console.log("尝试解析错误的JSON数据...");
  269.     var invalidData = JSON.parse("{不是有效的JSON}");
  270. } catch (err) {
  271.     console.log("ERR 捕获到错误: " + err.message);
  272.     console.log("错误类型: " + err.name);
  273. } finally {
  274.     console.log("无论是否出错,都会执行这里的代码");
  275. }
  276. sleep.second(2);

  277. // 【13】数据类型演示
  278. console.log("\n【13】数据类型规范演示:");
  279. console.log("数字类型: " + typeof count + " = " + String(count));
  280. console.log("小数类型: " + typeof temperature + " = " + String(temperature));
  281. console.log("布尔类型: " + typeof isActive + " = " + String(isActive));
  282. console.log("空值类型: " + typeof emptyValue + " = " + String(emptyValue));
  283. console.log("未定义类型: " + typeof uninitialized + " = " + String(uninitialized));
  284. console.log("字符串类型: " + typeof message + " = " + message);
  285. sleep.second(2);

  286. // 【14】全局常量演示
  287. console.log("\n【14】全局变量与常量演示:");
  288. console.log("最大用户数: " + String(MAX_USERS));
  289. console.log("API密钥: " + API_KEY.substring(0, 3) + "***");
  290. console.log("圆周率常量: " + String(PI));
  291. console.log("重力常量: " + String(GRAVITY));
  292. sleep.second(2);

  293. // 【15】综合应用演示
  294. console.log("\n【15】综合应用演示:");
  295. var orderTotal = 0;
  296. var items = [
  297.     {name: "苹果", price: 5.5, quantity: 3},
  298.     {name: "香蕉", price: 3.2, quantity: 5},
  299.     {name: "橙子", price: 4.8, quantity: 2}
  300. ];

  301. console.log("购物清单:");
  302. for (var k = 0; k < items.length; k++) {
  303.     var item = items[k];
  304.     var subtotal = item.price * item.quantity;
  305.     orderTotal += subtotal;
  306.     console.log((k + 1) + ". " + item.name + " - 单价:" + item.price + "元 × " + item.quantity + " = " + subtotal.toFixed(2) + "元");
  307. }
  308. console.log("订单总计: " + String(orderTotal.toFixed(2)) + " 元");
  309. console.log("优惠后: " + String((orderTotal * 0.9).toFixed(2)) + " 元 (9折)");
  310. sleep.second(2);

  311. console.log("\n========================================");
  312. console.log("=== JavaScript代码规范演示结束 ===");
  313. console.log("========================================");
  314. console.log("感谢使用AIWROK开发平台");
  315. console.log("交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)");
  316. console.log("更多示例请访问官方文档");

  317. // ==================== 说明 ====================
  318. // 本文件演示了AIWROK环境中JavaScript的标准编码规范
  319. // 所有代码均符合行业最佳实践
  320. // 交流QQ群: 711841924 (群一) / 528816639 (苹果内测群)
复制代码







欢迎光临 自动发帖软件 (http://www.fatiegongju.com/) Powered by Discuz! X3.2