正文 

当前位置： 首页 > java > java教程

javascript编程风格--基本的格式化

     2022-04-26     165

关键词：

缩进层级

    推荐4个空格字符作为一个缩进层级。

语句结尾

    推荐不要省略分号。

行的长度

    最好一行不超过80个字符。

换行

    在运算符后换行，下一行增加两个层级的缩进。
    例外：给变量赋值时，第二行的位置和赋值运算符的位置对齐。比如：
var result = something + anotherThing + yetAnotherThing +
somethingElse + anotherSomethingElse;

空行

        ●    在方法之间
        ●    在方法的局部变量和第一条语句之间
        ●    在多行或单行注释之前
        ●    在方法内的逻辑片段(if等)之间

命名

    驼峰式大小写：由小写字母开始，后续每个单词首字母大写。

变量和函数

    变量名前缀应当是名词，函数名前对应当是动词。
var count = 10;
var myName = "Nick";
var found = true;
 
function getName(){
return myName;
}
边框 含义
can 函数返回一个布尔值
has 函数返回一个布尔值
is 函数返回一个布尔值
get 函数返回一个非布尔值
set 函数用来保存一个值

常量

    用大写字母和下划线来命名，下划线用以分隔单词。

构造函数

    大驼峰命名法，以大写字母开始。
    好处：遵守这条约定，在以大驼峰命名法命名的函数如果是名词的话，前面一定会有new运算符。

直接量

字符串

    单引号和双引号都可以，只需要从头到尾只保持一种风格，如果在Java和JavaScript中经常切换，建议使用双引号。
    多行字符串的写法：用字符串连接符（+）讲字符串分成多份。
//Good
var longString = "Here‘s the story of a man " +
"named Brady.";
 
//这是一种奇技淫巧而非语言特性。在Google的JavaScript风格指南中是禁止的。
var longString = "Here‘s the story of a man
named Brady.";

数字

    不要省略小数点之前或之后的部分。
    不要写八进制。

null

        ●    用来初始化一个变量，可能赋值为一个对象。
        ●    用来和一个已经初始化的变量比较，可以是也可以不是一个对象。
        ●    当函数的参数期望是对象时，用作参数传入。
        ●    当函数的返回值期望是对象时，用作返回值传出。
下面的场景不要使用null
        ●    不要使用null来检测是否传入了某个参数。
        ●    不要用null来检测一个未初始化的变量。

undefined

    避免使用undefined，可以有效地确保只在一种情况下typeof才会返回"undefined"。

对象直接量

    将所有的属性都括在一对花括号内。第一行包含左花括号，每一个属性的名值都独占一行，并保持一个缩进，最后右花括号也多占一行。

数据直接量

    用两个方括号讲数据初始元素括起来。

《编写可维护的javascript》读书笔记

第一章主要讲的是编程风格部分的基本格式化。一个严格按照一定规范来编写的项目，无论从可读性，可维护性，或者运行性能上来说，都是比无规范项目更胜一筹的。基本的格式化包含以下几种：1.缩进层级　　良好的缩进能... 查看详情

分针网——每日分享：浅谈前端javascript编程风格

...规范，具体可参阅jscs.info，下面的内容主要参考了Airbnb的JavaScript风格规范。当然还有google的编程建议等编程风格本章探讨如何使用ES6的新语法，与传统的javascript语法结合在一起，写出合理的、易于阅读和维护的代码。 编程... 查看详情

javascript基础复习(代码片段)

一.JavaScript一.介绍:1.JavaScript是一种专门在浏览器编译并执行的编程语言2.JavaScript处理用户与浏览器之间请求问题3.JavaScript采用【弱类型编程语言风格】对【面向对象思想】来进行实现的编程语言二.弱类型编程语言风格VS强类型... 查看详情

编程基本功：典型的柳氏风格命名一例

　　命名是很有学问的，应该好好学习。下图是典型的柳氏风格命名，可以思考一下，为什么这么命名：  查看详情

强调一下编程风格

...大家就可以编写简单的程序代码了，这里有必要强调一下编程风格。代码风格虽然不影响程序的运行，但对程序的可读性却非常重要。自己编写的程序要让别人看懂，首先在排版方面要非常注意。其实每个人的编程风格、每个软... 查看详情

javascript八张思维导图

...等服务端的兴起，归根到底，我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法，想要梳理一下这些年学习以及使用JS的心得。本系列文章主要是针对J 查看详情

javascript学习思维导图

JS基本概念JS操作符JS基本语法JS数组JSDate用法JS字符串用法JS编程风格JS实践 查看详情

googlejava编程风格指南

前言这份文档是GoogleJava编程风格规范的完整定义。当且仅当一个Java源文件符合此文档中的规则，我们才认为它符合Google的Java编程风格。与其它的编程风格指南一样，这里所讨论的不仅仅是编码格式美不美观的问题，同时也讨论... 查看详情

javascript高级编程系列-基本数据类型

javascript中的基本数据类型包括：Undefined,Null,Boolean,Number,String5种数据类型1.Undefined类型（只有一个值undefined,常被用来表示未初始化的变量）如果一个变量未进行初始化则它的初始值为undefined,数据类型为Undefined    &nb... 查看详情

编写可维护的javascript纪要

...，因为项目可读性规范性的需要（就像《编写可维护性的Javascript》一书作者NicholasZakas大神所说，他们团队所有成员写出的代码就像是经同一个人之手写出的一样），风格约定要大于个人喜好这一点毋庸置疑，不过什么样才是好... 查看详情

浅谈kotlin：基本类型基本语法代码风格

...p;通过上面的文章，在AndroidStudio中我们已经可以进行Kotlin编程了，接下来开始学习Kotlin的基本类型及语法。 一、基本类型　　在Kotlin中，所有变量的成员方法和属性都是一个对象。　　一些类型是内建的，它们的实现是优化... 查看详情

js基本

https://developer.mozilla.org/zh-CN/docs/Web/JavaScriptHTML是我们使用的标记语言，用于对我们的Web内容进行结构化和赋予意义，例如定义段落，标题和数据表，或在页面中嵌入图像和视频。CSS是我们用于将样式应用于我们的HTML内容的风格规... 查看详情

es6-21：编程风格ecmascript规格

...团队开发易于阅读、高可维护性的大型项目的基础；虽然Javascript弱语言的本质给前端开发者带来了更大的灵活性，但从工程的角度来说这是非常不合理的，也是一个可维护性项目潜在的致命缺陷。为了避免出现‘‘连自己以前... 查看详情

es6深入学习记录编程风格

...讨了如何将ES6的新语法，运用到编码实践之中，与传统的JavaScript语法结合在一起，写出合理的、易于阅读和维护的代码。1.块级作用域 （1）let取代var 　　ES6提出了两个新的声明变量的命令:let和const。其中，let完全可以取代var，... 查看详情

javascript自定义文本框光标——初级版

文本框（input或textarea）的光标无法修改样式（除了通过color修改光标颜色）。但笔者希望个人创建自己的网站时，文本框的光标有属于自己的风格。所以，尝试模拟文本框的光标，设计有自己风格的光标。以下是笔者个人的想法... 查看详情

汇编语言---指令格式和基本语法

...有两种不同的标准:Windows下的汇编语言基本上都遵循Intel风格的语法,比如:MASM、NASM;而Unix/Linux下的汇编语言基本上都遵循AT&T风格的语法;一、汇编语言语句的通用格式[名称[:]] 指令码 [第一操作数][,第二操作数] ;注释... 查看详情

js代码风格自动规整工具prettier(代码片段)

...2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。对大多数编程语言来说都会有代码检查，一般来说... 查看详情

javascript基本

数字：创建a=123;转换parseInt解析成数字parseFloat解析成浮点isNaN()数字返回FALSE字符串返回TRUEInfinity无穷大-Infinity负无穷大inFinity()无穷false有限true判断类型typeof功能的计算模块MathNumber.toExponential()用指数计数法格式化数字Number.toFixed(... 查看详情