标签：good const 规范 JS bad eval 使用 前端开发
一般规范
使用严格等===
总是使用 === 精确的比较操作符，避免在判断的过程中，由 JavaScript 的强制类型转换所造成的困扰。
this关键字
只在对象构造器、方法和在设定的闭包中使用 this 关键字。
this 的语义常容易被误导。它时前端培训而指向全局对象（大多数时），时而指向调用者的定义域（在 eval 中），时而指向 DOM 树中的某一节点（当用事件处理绑定到 HTML 属性上时），时而指向一个新创建的对象（在构造器中），还时而指向其它的一些对象（如果函数被 call() 和 apply() 执行和调用时）。
正因为它是如此容易地被搞错，请限制它的使用场景：
· 在构造函数中
· 在对象的方法中（包括由此创建出的闭包内）
三元操作符
用三元操作符分配或返回语句。在比较简单的情况下使用，避免在复杂的情况下使用。
// bad
if(x === 10) {
return 'valid';
} else {
return 'invalid';
}
// good
return x === 10 ? 'valid' : 'invalid'
不使用eval()函数
就如eval的字面意思来说，恶魔，使用eval()函数会带来安全隐患。eval()函数的作用是返回任意字符串，当作js代码来处理。
使用ES6编码规范
· 定义变量使用let ,定义常量使用const
· 静态字符串一律使用单引号或反引号，动态字符串使用反引号
// bad
const a = 'foobar';
const b = 'foo' + a + 'bar';
// good
const a = 'foobar';
const b = `foo${a}bar`;
const c = 'foobar';
· 解构赋值
// 1. 数组解构赋值
const arr = [1, 2, 3, 4];
// bad
const first = arr[0];
const second = arr[1];
// good
const [first, second] = arr;
// 2. 对象解构赋值
// bad
function getFullName(user) {
const firstName = user.firstName;
const lastName = user.lastName;
}
// good
function getFullName(obj) {
const { firstName, lastName } = obj;
}
// best
function getFullName({ firstName, lastName }) {}
· 使用扩展运算符（...）拷贝数组。
const items = [1, 2, 3, 4, 5];
// bad
const itemsCopy = items;
// good
const itemsCopy = [...items];
· 箭头函数 需要使用函数表达式的场合，尽量用箭头函数代替。因为这样更简洁，而且绑定了 this
// bad
const self = this;
const boundMethod = function(...params) {
return method.apply(self, params);
};
// good
const boundMethod = (...params) => method.apply(this, params);
尚硅谷【官网】谷粉与老学员力挺的Java培训|大数据培训|前端培训|Python培训
推荐阅读：
标签：good,const,规范,JS,bad,eval,使用,前端开发 来源： https://blog.csdn.net/m0_58371965/article/details/121416807
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。