javascript开发经验谈（3）
作者：heero 来源：163 ued 发布时间：2009-05-01 12:14:00
三、使代码更易读、更好维护
无论是在开发中还是开发后，保持代码清晰易读可以更快更准确地修改代码。
3.1 连接HTML字符串
相信做前端开发的朋友都受过这个折磨：连接HTML的时候被可恶的单引号、双引号搞得头昏脑胀。比如：
element.innerHTML = ‘<a href=”‘ + url + ‘” onclick=”alert(\” + msg + ‘\’);”>’ + text + ‘</a>’;
这里介绍一个字符串格式化函数：
String.format = function(str) {
var args = arguments, re = new RegExp(”％([1-" + args.length + "])”, “g”);
return String(str).replace(
re,
function($1, $2) {
return args[$2];
}
);
};
调用方法很简单：
element.innerHTML = String.format(’<a href=”％1″ onclick=”alert(\’％2\’);”>％3</a>’, url, msg, text);
意思就是用第n个参数把％n替换掉。这样一来清晰多了吧。
3.2 为您的程序打造一个Config配置对象
编写Java或者C#程序的时候，我们一般会从XML读取程序的配置信息。在Javascript里面，用XML做配置信息不大划算，一方面要多请求一个XML文件或者把XML字符串转换为XML对象，另一方面XML对象的方法比较复杂冗长。轻量级的JSON是最好的选择。
程序中的常量应该放到Config配置对象中，比如Ajax请求的Url、某个操作的提示等，例如：
var Config = {
ajaxUrl : “test.jsp”,
successTips : “请求完成”
};
如果Config的数量较多，可以根据配置类型多嵌套一层，比如：
var Config = {
url : {
src1 : “test1.jsp”,
src2 : “test2.jsp”,
.
.
},
tips : {
src1Suc : “请求1完成”,
src2Suc: “请求2完成”,
.
.
}
};
Config应放置于程序的最前面，方便查看和修改。
0
投稿猜你喜欢
目录概述索引数据结构二叉树红黑树B-TreeB+TreeHash索引InnoDB 索引实现（聚集）索引文件和数据文件是分离的（非聚集）聚集索- 如下表：先使用str_to_date函数，将其varchar类型转为日期类型，然后从小到大排序语法：select str_to_date(c
- Python追求简洁，诞生不少运算赋值规则，力求从简，其中就包括两个或者多个变量交换值。普通语言中# 声明变量a=50b=10# 开始交换，
- 1. TVP， 表变量，临时表，CTE 的区别 TVP和临时表都是可以索引的，总是存在tempdb中，会增加系统数据库开销，而表变量和CTE
- 对于React，Vue构建的单页面应用老说，SEO是一个众所周知的问题。服务端渲染(SSR-server Side Render)是目前看来
- 最基础的形态学操作有四个，分别是腐蚀、膨胀、开计算和闭计算，`scipy.ndimage分别实现了二值数组和灰度数组的这四种运算二值灰度bi
- isnull在数据库查询中的应用，特别是再语句连接的时候需要用到 比如连接时候，某个字段没有值但是又要左连接到其他表上 就会显示空， isn
- 这个语法是用来代替传统的try...finally语法的。 with EXPRESSION [ as VARIABLE] WITH-BLOC
- 做一个总结，把自己这些年的从业经历和观感罗列一下，某些话可能触及到个人神经，但它们没有恶意。设计师喜欢把世界想象得很美好，社会很和谐，但是这
- 优化查询使用Explain语句分析查询语句Explain 用来分析 SELECT 查询语句，开发人员可以通过分析 Explain 结果来优化
- 问题：在论坛发表回复时出现“The table is full”的提示，字面意义上是数据表已满的意思。因为很少有开发者遭遇单一表超过4G的情
- Python由于语言的简洁性，让我们以人类思考的方式来写代码，新手更容易上手，老鸟更爱不释手。要写出 Pythonic（优雅的、地道的、整洁
- 反射反射即想到4个内置函数分别为:getattr、hasattr、setattr、delattr 获取成员、检查成员、设置成员、
- 本文为大家分享了两段PHP分页类，很实用，供大家参考，具体内容如下<?php class Page { private $
- 在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体
- numpy 数组及运算扩展库 numpy 是 Python 支持科学计算的重要扩展库，是数据分析和科学计算领域如 scipy、pa
- 1、findall函数返回字符串中所有匹配结果的正则表达式列表。2、如果没有分组的正则是返回的正则匹配，分组返回的是分组匹配而非整个正则匹配
- turtle模块概述Python 标准库中有个 turtle 模块，俗称海龟绘图，它提供了一些简单的绘图工具，可以在标准的应用程序窗口中绘制
- 万事万物都有自身存在的道理，虽然在python中有些代码我们并不常见。经常会觉得不是常用，就可以避之，但是大家好像都遗忘了一件事情，就是“真
- smtp是直接调用163邮箱的smtp服务器，需要在163邮箱中设置一下。outlook发送就是Python直接调用win32方式。调用程序
