每日JavaScript - 22(编程细节)

阅读《高程》第24章,发觉自己代码有听过不规范处。
js更改css
JavaScript与css交互时,通过添加或者class进行交会,从而提高代码可读性。

element.className = "edit"

尊重对象所有权
不要为实例或者原型添加属性
不要为实例或原型添加方法
不要重定义已经存在的方法

避免全局量
避免:

let name = 'Nicholas'
function sayName() {
  alert(name)
}

推荐:

const MyApplication = {
  name: 'Nicholas',
  sayName: function() {
    alert(this,name)
  }
}

避免全局查找
避免:

const btn1 = document.querySelector('#btn1')
const btn2 = document.querySelector('#btn2')

推荐:

const doc = document
const btn1 = doc.querySelector('#btn1')
const btn2 = doc.querySelector('#btn2')

《高程》原话:将在一个函数中会用到多次的全局对象存储为局部变量总是没错的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值