奇舞javaScript 代码风格- 笔记

代码是给你阅读的， 只是偶尔让计算机执行一下

代码风格

• 代码的格式（包括缩进，大括号，分号，换行，空行，空格）
• 广义的（目录结构和文件名 变量命名 文档规范）

六种常见的代码风格

同一个项目的代码风格应该保持一致

学习代码风格的最好方式是读代码

https://github.com/75team/mixin.js

一些特殊的JS ‘风格’

• IIFE(Immediately-Invoked Function Expression)
• 严格模式（use strict）
• 模块

    (function(global, doc, $) { //依赖注入
        'use strict' // 严格模式
        var image = new Image();
        $(image).attr('src', 'https://www.baidu.com');

        $('body'.append(image))
    })(this, document, jQuery)

IIFE 与依赖注入

    (function(global, doc, $) { //依赖注入
        'use strict' // 严格模式
        var image = new Image();
        $(image).attr('src', 'https://www.baidu.com');

        $('body'.append(image))
    })(this, document, jQuery)

AMD 模块管理

   define('meaningOfLife', [], function (){
        //Do setup work kere

        return {
            answer: 42
        }
   })

  require(['meaningOfLife'], function (answer) {
    console.log(answer)
  })

SystemJS 模块管理

var SystemJS = require('systemjs');

// loads './app.js' from the current directory
SystemJS.import('./app.js').then(function (m) {
  console.log(m);
});

代码风格检查工具

• ESLint
• standard
• semistandard

课后作业

1. github 上找几个不同的项目，观察他们的代码风格，写一篇短文介绍它们并谈谈你喜欢哪一种代码风格，为什么？
2. 模仿NPM 模块，自己写一个简单的javaScript 功能模块，用上自己喜欢的风格，提交到Github
3. 对自己写的模块应用上代码风格检查工具， 可以选择ESLint Standard 或者其它代码检查工具