《编写可维护的 Javascript》读书笔记(附录 A 部分):Javascript 编码风格指南(1)原始值

记录一下比较有用的编码规范(该指南是基于 Java 语言编码规范和 Javascript 编程规范,同时结合作者 Nicholos Zakas 的个人经验和喜好)。

一些关于格式(包括缩进、行的长度、运算符间距、括号间距、对象直接量、注释、单行注释、多行注释等类似的规范)的规范这里不做记录。

A.3 原始值

// 好的写法
var name = "Nicholos"; 

// 不好的写法:单引号
var name = ‘Nicholos‘; 

// 不好的写法:字符串结束之前换行
var longString = "Here‘s the story, of a man named Brady.";

特殊值 null 除了下列情况应当避免使用。

① 用来初始化一个变量

② 用来和一个已经初始化的变量进行比较,这个变量可以是也可以不是一个对象

③ 当函数的参数期望是对象时,被用作参数传入

④ 当函数的返回值期望是对象时,被用作返回值传出

例如:

// 好的写法
var person = null;

// 好的写法
function getPerosn(){
    if  (condition){
        return new Person("Nicholas");
    } else {
        return null;
    }
}

// 好的写法
var person = getPerosn();
if (person !== null){
    doSomething();
}

// 不好的写法:和一个未被初始化的变量比较
var person;
if (person != null){
    doSomething();
}

// 不好的写法:通过测试判断某个参数是否被传递
function doSomething(arg1, arg2, arg3, arg4){
    if (arg4 != null){
        doSomethingElse();
    }
}

避免使用特殊值 undefined 。判断一个变量是否定义应当使用 typeof 操作符。

// 好的写法
if (typeof variable == "undefined"){
    //do something
}

// 不好的写法:使用了 undefined 直接量
if (variable == undefined){
    //do something
}
时间: 2024-10-21 07:31:09

《编写可维护的 Javascript》读书笔记(附录 A 部分):Javascript 编码风格指南(1)原始值的相关文章

Javascript读书笔记:函数定义和函数调用

定义函数 使用function关键字来定义函数,分为两种形式: 声明式函数定义: function add(m,n) { alert(m+n); } 这种方式等同于构造一个Function类的实例的方式: var add = new Function("m", "n", "alert(m+n);"); Function类构造方法的最后一个参数为函数体:"alert(m+n);",前面的都是函数的形参,参数必须是字符串形式的:&

【读书笔记】读《JavaScript设计模式》之观察者模式

一.定义 在事件驱动的环境中,比如浏览器这种持续寻求用户关注的环境中,观察者模式(又名发布者-订阅者(publisher-subscripber)模式)是一种管理人与其任务之间的关系(确切地讲,是对象及其行为和状态之间的关系)的得力工具.用JavaScript的话来说,这种模式的实质就是你可以对程序中某个对象的状态进行观察,并且在其发生改变时能够得到通知. 二.例子 我们需要一个发布者的构造函数,它为该实例定义了一个类型为数组的属性,用来保存订阅者的引用. function Publisher(

Javascript读书笔记:字符串常用方法

concat() 连接多个字符串,返回合并后的字符串. 1 var s1="a"; 2 var s2="b"; 3 var s3="c"; 4 5 console.log(s1.concat(s2,s3));//abc 数组中的concat():将参数添加为数组的元素,返回新的数组. 1 var arr = [1, 2, 3]; 2 console.log(arr.concat(4, 5));//[1,2,3,4,5] indexOf() 查找子

JavaScript 编码风格指南

A.1  缩进 // 4个空格的层级缩进 if (true) { doSomething(); } A.2  行的长度 // 每行限于80个字符,超出则在运算符后换行,缩进2个层级(8个空格) doSomething(argument1, argument2, argument3, argument4, argument5); A.3  原始值 // 字符串使用双引号及长字符串的链接 var name = "Nicholas", longStr = "this is a lo

高性能javascript读书笔记(三.DOM 编程1)

第三章DOM Script DOM编程 读书笔记 访问和修改DOM元素 浏览器通常要求DOM实现和JavaScript保持相互独立. <!-- 例如IE中,被称为JScript的JavaScript实现位于库文件jscript.dll中,而DOM实现位于另一个库mshtml.dll(内 部代号Trident).这种分离技术允许其他技术和语言,如VBScript,受益于Trident所提供的DOM功能和渲染功能.Safari使用Webkit的WebCore处理DOM和渲染,具有一个分离的JavaS

【读书笔记】悟透javascript

编程世界中只有数据和代码两种基本元素. javascript中的元素是很简洁的,简单数据只有 undefined, typeof(undefined)返回undefined,可以将undefined赋值给任何变量或者属性,但并不意味着清除了该变量,反而会因此多了一个属性. null,typeof(null)返回oobject,但null并非object,具有null值得变量也并非object boolean, Number,线性的事物,大小和次序分明.typeof(NaN)和typeof(inf

数据结构与算法JavaScript 读书笔记

由于自己在对数组操作这块比较薄弱,然后经高人指点,需要好好的攻读一下这本书籍,原本想这个书名就比较高深,这下不好玩了.不过看着看着突然觉得讲的东西都比较基础.不过很多东西,平时还是没有注意到,故写出读书笔记和诸君共勉! 第二张 2.2.1 创建一个数组 创建数组的方式有?那种比较高效?原因是? 第一种模式 var nums = []; var numbers = [1,2,3,4,5];console.log(numbers.length)//5 第二种模式 var nums = new Arr

《javascript高级程序设计》读书笔记(一)javascript简介

第一章:javascript简介 Netscape Navigator 开发的javascript   Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. 2.文档对象模型(DOM):提供访问和操作网页内容的方法和接口. 3.浏览器对象模型(BOM):提供和浏览器交互的方法和接口. Web浏览器只是ECMAScripr实现的可能宿主环境之一. 五大主流Web浏览器(IE,Firefox,Safari,Chrome和Opera) 第二章:在Html中使用ja

Javascript学习笔记(二)javascript的特点

..对于网页而言,Javascript无处不在,对于英语不好的人它简直是噩梦般的存在,但形式所逼,今天开始着手学习!希望自己能坚持下去.从什么地方着手,我的目标是从大处着眼,从应用着眼,不抠细节,反正细节也记不住,到用到的时候在抠.尽管编程是外行,也积累了一些常识,所以就从javascript的特点开始学习. 一.什么是Javascript?JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有相对安全性的客户端脚本语言.这个定义非常好,几乎涵盖了Java