首頁猿問 javascript的函數(shù)封裝

javascript的函數(shù)封裝

JavaScript

炎炎設計 2019-05-03 18:15:58

代碼如下：function rotatePlusLink() { $(".linkDiv").each(function () { var tr = window.getComputedStyle($(this)[0], null).getPropertyValue("transform"); if (tr == 'none') { this.css('transform', 'scale(1) rotate(0deg)'); return; } var values = tr.split('(')[1].split(')')[0].split(','); var a = values[0]; var b = values[1]; var c = values[2]; var d = values[3]; var scale = Math.sqrt(a * a + b * b); var sin = b / scale; var angle = Math.round(Math.atan2(b, a) * (180 / Math.PI)); this.style.transform = 'rotate(' + (angle + 5) + 'deg) scale(' + scale + ')'; }); } function rotateReduLink() { $(".linkDiv").each(function () { var tr = window.getComputedStyle($(this)[0], null).getPropertyValue("transform"); if (tr == 'none') { this.css('transform', 'scale(1) rotate(0deg)'); return; } var values = tr.split('(')[1].split(')')[0].split(','); var a = values[0]; var b = values[1]; var c = values[2]; var d = values[3]; var scale = Math.sqrt(a * a + b * b); var sin = b / scale; var angle = Math.round(Math.atan2(b, a) * (180 / Math.PI)); this.style.transform = 'rotate(' + (angle - 5) + 'deg) scale(' + scale + ')'; }); }這兩個函數(shù)中的linkDiv的設置怎么能封裝成一個函數(shù)調用啊？這兩個函數(shù)只有一個地方不一樣就是設置屬性的那里，一個加號，一個減號。

查看完整描述

4 回答

HUH函數(shù)

TA貢獻1836條經(jīng)驗獲得超4個贊

//ES6 函數(shù)的解構賦值，賦初值5
function rotateLink(nums = 5) {
$(".linkDiv").each(function () {

            var tr = window.getComputedStyle($(this)[0], null).getPropertyValue("transform");

            if (tr == 'none') {
                this.css('transform', 'scale(1) rotate(0deg)');
                return;
            }

            var values = tr.split('(')[1].split(')')[0].split(',');
            var a = values[0];
            var b = values[1];
            var c = values[2];
            var d = values[3];

            var scale = Math.sqrt(a * a + b * b);

            var sin = b / scale;
            var angle = Math.round(Math.atan2(b, a) * (180 / Math.PI));

            this.style.transform = 'rotate(' + (angle + nums) + 'deg) scale(' + scale + ')';
        });

}
不推薦使用eval

反對回復 2019-05-13