前端必备：10个有趣的 JavaScript 开发技巧，让编码更轻松（一）

'use strict';
// 严格模式下，不允许使用未声明的变量
x = 10; // 抛出 ReferenceError: x is not defined 的错误
// 严格模式下，函数内的 this 值为 undefined
function myFunction() {
  console.log(this); // 输出 undefined
}
myFunction();
// 严格模式下，禁止删除变量或函数
var y = 20;
delete y; // 抛出 SyntaxError: Delete of an unqualified identifier in strict mode.
// 严格模式下，禁止使用重复的函数参数名
function sum(x, x) { // 抛出 SyntaxError: Duplicate parameter name not allowed in this context
  return x + x;
}
// 严格模式下，禁止对只读属性进行赋值
var obj = {};
Object.defineProperty(obj, 'name', {
  value: 'John',
  writable: false
});
obj.name = 'Jane'; // 抛出 TypeError: Cannot assign to read only property 'name' of object '#<Object>'
// 严格模式下，禁止使用 eval() 和 arguments 对象作为变量或函数名
var eval = 10; // 抛出 SyntaxError: Unexpected eval or arguments in strict mode
var arguments = 20; // 抛出 SyntaxError: Unexpected eval or arguments in strict mode

// 使用驼峰命名法（camel case）来命名变量和函数
var myVariable = 'Hello';
function myFunction() {
  // 函数体
}
// 类名使用帕斯卡命名法（Pascal case）
class Person {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    console.log('Hello, ' + this.name);
  }
}
// 常量使用全大写字母，用下划线连接单词（全大写蛇形命名法）
const MAX_COUNT = 10;
// 使用有意义且描述性的名称
var numberOfStudents = 20;
var currentDate = new Date();
// 避免使用单个字符作为变量名，除非用于计数或迭代
for (let i = 0; i < numberOfStudents; i++) {
  console.log(i);
}
// 使用前缀或后缀来表示变量的数据类型或含义
var isLogged = true;
var userListArray = ['John', 'Jane', 'Bob'];
// 命名对象属性时使用驼峰命名法
var person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30
};
// 使用下划线来表示私有属性或内部变量
class MyClass {
  constructor() {
    this._privateVariable = 10;
  }
}
// 避免使用保留字或关键字作为变量名
var myVariable = 'Some value'; // 正确
var let = 'Some value'; // 错误，let 是关键字

// math.js
export function sum(a, b) {
  return a + b;
}
export function subtract(a, b) {
  return a - b;
}
// 可以导出变量或常量
export const PI = 3.14159;

// app.js
import { sum, subtract, PI } from './math.js';
console.log(sum(5, 3)); // 输出 8
console.log(subtract(10, 7)); // 输出 3
console.log(PI); // 输出 3.14159

// 使用传统函数定义方式
function greet(name) {
  return 'Hello, ' + name + '!';
}
console.log(greet('John')); // 输出 "Hello, John!"
// 使用箭头函数定义方式
const greetArrow = name => 'Hello, ' + name + '!';
console.log(greetArrow('John')); // 输出 "Hello, John!"

// math.js 模块
export function add(a, b) {
  return a + b;
}
// app.js 模块
import { add } from './math.js';
console.log(add(5, 3)); // 输出 8

(function () {
  var x = 5; // x 是局部变量，不会污染全局作用域
  console.log(x); // 输出 5
})();
console.log(x); // 抛出 ReferenceError: x is not defined

{
  let y = 10; // y 是块级变量，在块级作用域内有效
  console.log(y); // 输出 10
}
console.log(y); // 抛出 ReferenceError: y is not defined