JavaScript 代码格式化

在线一键格式化你的 JavaScript 代码

JavaScript 格式化

(function() {
var canvas, ctx, width, height, bubbles, animateHeader = true, lastTime = 0;

function initBubble() {
    canvas = document.getElementById('bubble-canvas');
    ctx = canvas.getContext('2d');
    
    resizeCanvas();
    
    bubbles = [];
    var num = width * 0.04;
    for (var i = 0; i < num; i++) {
        var c = new Bubble();
        bubbles.push(c);
    }
    animate();
}

function animate(timeStamp) {
    var abs = timeStamp - lastTime;
    if (abs > 15) {
        lastTime = timeStamp;
        
        if (animateHeader) {
            ctx.clearRect(0, 0, width, height);
            for (var i in bubbles) {
                bubbles[i].draw();
            }
        }
    }
    requestAnimationFrame(animate);
}

function resizeCanvas() {
    width = canvas.offsetWidth;
    height = canvas.offsetHeight;
    
    canvas.width = width;
    canvas.height = height;
}
window.addEventListener('resize', resizeCanvas);

function Bubble() {
    var _this = this;
    (function() {
        _this.pos = {};
        init();
    })();
    function init() {
        _this.pos.x = Math.random() * width;
        _this.pos.y = height + Math.random() * 100;
        _this.alpha = 0.2 + Math.random() * 0.3;
        _this.alpha_change = 0.0005 + Math.random() * 0.0007;
        _this.scale = 0.1 + Math.random() * 0.3;
        _this.scale_change = Math.random() * 0.001;
        _this.speed = 0.2 + Math.random() * 0.5;
    }
    
    this.draw = function() {
        if (_this.alpha <= 0) {
            init();
        }
        _this.pos.y -= _this.speed;
        _this.alpha -= _this.alpha_change;
        _this.scale += _this.scale_change;
        ctx.beginPath();
        ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 10, 0, 2 * Math.PI, false);
        ctx.fillStyle = 'rgba(255,255,255,' + _this.alpha + ')';
        ctx.fill();
    }; 
}

initBubble();
})();

HTML 中的 <style>, <script> 标签内容格式化:

在代码的最后添加一空行

支持 e4x/jsx 语法

使用逗号优先的列表样式

去除代码混淆 / 解密JavaScript

保留内联大括号 / 代码块

保留数组缩进

对于链式方法，每个方法独立一行

条件前加空格 if(x) -> if (x)

解码以 \xNN、\uNNNN 形式编码的字符

开启 jslint-stricter 的严格模式（在匿名函数的括号前加空格）

缩进 <head> 和 <body> 标签

空行添加缩进

使用说明

在线格式化 JavaScript 代码，支持指定缩进方式、设置是否移除代码中的多余换行、是否超出长度自动换行、大括号换行规则等

JavaScript 相关工具：aaEncode 加密解密、jjEncode 加密解密

推荐工具

Favicon 图标制作
在线音频编辑
正则表达式生成代码
unix 时间戳与文本转换
定时刷新网页

赞助商广告

关于我们 | 意见建议 | 程序员工具 | Dev Tools

© 2024 工具哇