编写可维护的javascript读书笔记

本文介绍了JavaScript的编码规范,包括换行和缩进、注释、语句和表达式、变量及函数声明、严格模式、相等比较等内容。同时,还探讨了如何实现JavaScript与CSS、HTML之间的松耦合。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

换行问题:
在运算符后换行,下一行会增加两个层级的缩进。

注释:
注释要有缩进
注释要和代码有空行
多行注释可以采用:

/*
* 注释一行
* 注释一行
* /

显而易见的代码不要加注释

语句和表达式

if(condition){
    dosomething();
}

关于switch case的连续执行,一定要有清晰的代码逻辑,连续执行就没有问题,

for in用来循环对象,for用来循环数组
要在for in中使用hasOwnProperty() //查一下这个函数

变量,函数和运算符
var可以用在代码的任意位置,所有的var语句都提前到包含这段逻辑的函数顶部执行。
JavaScript 的变量升级
在函数内部任意地方定义跟在函数的头部定义是一样的

JavaScript 函数声明也会被提前,因此在代码中函数调用可以出现在函数声明之前。但是先声明再使用有利于规范和维护代码,另外函数声明应当在条件语句外。

函数的调用应该在函数名与左括号之间没有空格

JavaScript 允许声明匿名函数(本身没有命名的函数),并将匿名函数赋值给变量或者属性。

var doSomething = function () {

    // 函数体
};

立即调用的形式:

var value = (function () {

    // 函数体
    return {
        message: "hi"
    }
} ());

严格模式:"use strict";

ES5引入,希望通过这种方式来谨慎解析执行JavaScript,这条编译指令可以用于全局或者局部。希望把他用在函数体内。

相等
JavaScript 中判断相等会强制类型转换,所以推荐使用===和!==

耦合
实现javascript和css的松耦合,当修改一个组件而不需要修改其他组件时,就做到了松耦合

不能在css中加js代码,无法维护

通过js修改css属性也是不好的写法,可以通过加class来实现js对css代码控制。

html和js之间的松耦合
将js放在html文件之外
给标签绑定监听事件,而不是设置onclick
可以尝试用简单客户端模版来操作html

避免使用全局变量,尽量使用局部变量,减小上下文耦合性,不声明直接使用的变量被默认创建为全局变量

创建单全局变量,也就是用类去封装

下面的部分等到javascript学的深入一点再看吧,,,有些实践已经看不懂了。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值