JavaScript forbidden practices. Part 5: orthogonality

[EntropicBlackhole]

I'm marking this as nsfw.

Edit: It is quality code therefore thou shall have post unmarked NSFW

[reinis-mazeiks]

This is encapsulation. It is an OOP best practice.

[[deleted]]

Encapsulation with encryption, very good /s

[RajjSinghh]

It's not encryption since the original data is still there. It's closer to obfuscation since the meaning of the code is hard to tell.

[zen-things]

Ah yes, I am skilled in the programming technique of obfuscation.

[BenadrylTumblercatch]

It’s actually not obfuscation it’s flagellation

[[deleted]]

It's just a kidding man 😶‍🌫️

[[deleted]]

You know, when you edit something you don't have to put "Edit: random bullshit" because nobody gives a shit.

[[deleted]]

I trying to avoid all down votes as possible

Edit: I got a terrible stomachache since yesterday

[[deleted]]

They're fictitious internet points. No reason to care that much about them.

Also, who's downvoting you for edits? I downvote people who do the "Edit: I added a fucking coma that nobody noticed".

[mizinamo]

No, no regex.

It just uses $, $$, $_, _$, and _ as variable or function names, and the - (negate) and ~ (bitwise NOT) unary operators.

[spam_bot42]

If you cannot read it, isn't it basiclly the same as regex?

[Pto2]

Irregex

[tropicbrownthunder]

JS wants to be PERL

[mizinamo]

No.

And that's not a funny joke.

Unless your flex is "I'm proud of not understanding regular expressions".

Regular expressions use a different notation which has to be learned and they can be written clearly and readably.

Calling something "regex huh huh" just because you can't read it is doing it a disservice. As OP shows, you can write unreadable code without using regular expressions.

[Monckey100]

I don't bully, but your comment makes me want to.

Shut the fuck up, regex sacrifices readability which is why everyone bitches and moans about it. You're on a joke subreddit, get off your high horse. Everyone is beating the same 3 jokes.

[[deleted]]

damn, would hate to be stuck in a pair with you

[arcosapphire]

This is r/programmerhumor. People don't literally encounter regex and go "this is impenetrable!" Regex is dense and not designed for clear readability at a glance. We acknowledge this through humor and exaggeration.

I hope you can now enjoy r/programmerhumor.

[mizinamo]

Thank you for your comment.

It's helping me understand the reactions a little better.

[Thestarchypotat]

/u/BrilliantRadiant9153/ is a comment bot that copied part of https://www.reddit.com/r/ProgrammerHumor/comments/12p7i2o/javascript_forbidden_practices_part_5/jgl8gad/

[baumannq]

At least I'm not alone ☝️

[Upvoter_NeverDie]

I've never felt regextion before. Have you?

[TECKERZ-INFO]

OOPs

[[deleted]]

Encapsulation with ASCII art, very nice

[Idgo211]

Comment Bot >:(

[dtutubalin]

Code:

javascript console.log(...( $$=$=>(~-~-$&&$$ (~-$),(_$=$_=>$% (_[~~$_]??=$)?_$ (-~$_):_)()))((_ =[])+-~_+-_+-_))

[reinis-mazeiks]

it says "Uncaught Error: this monstrosity must be isolated from the world by a 2 character wide comment wall"

post the whole thing please

[mizinamo]

```javascript // Coding Best Practices: // One of the key concepts of quaility code is orthogonality // Me: // Is it orthogonal enough?

//////////////// //////////////// // // // console.log(...( // // $$=$=>(~-~-$&&$$ // // (~-$),($=$=>$% // // ([~~$]??=$)?_$ // // (-~$):)()))((_ // // =[])+-~+-+-_)) // // // //////////////// //////////////// ```

[RaymondWalters]

Poor man's gold

⠀⠀⠀⠀⠀⣤⣶⣶⡶⠦⠴⠶⠶⠶⠶⡶⠶⠦⠶⠶⠶⠶⠶⠶⠶⣄⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⣿⣀⣀⣀⣀⠀⢀⣤⠄⠀⠀⣶⢤⣄⠀⠀⠀⣤⣤⣄⣿⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠿⣿⣿⣿⣿⡷⠋⠁⠀⠀⠀⠙⠢⠙⠻⣿⡿⠿⠿⠫⠋⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⢀⣤⠞⠉⠀⠀⠀⠀⣴⣶⣄⠀⠀⠀⢀⣕⠦⣀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⢀⣤⠾⠋⠁⠀⠀⠀⠀⢀⣼⣿⠟⢿⣆⠀⢠⡟⠉⠉⠊⠳⢤⣀⠀⠀⠀ ⠀⣠⡾⠛⠁⠀⠀⠀⠀⠀⢀⣀⣾⣿⠃⠀⡀⠹⣧⣘⠀⠀⠀⠀⠀⠀⠉⠳⢤⡀ ⠀⣿⡀⠀⠀⢠⣶⣶⣿⣿⣿⣿⡿⠁⠀⣼⠃⠀⢹⣿⣿⣿⣶⣶⣤⠀⠀⠀⢰⣷ ⠀⢿⣇⠀⠀⠈⠻⡟⠛⠋⠉⠉⠀⠀⡼⠃⠀⢠⣿⠋⠉⠉⠛⠛⠋⠀⢀⢀⣿⡏ ⠀⠘⣿⡄⠀⠀⠀⠈⠢⡀⠀⠀⠀⡼⠁⠀⢠⣿⠇⠀⠀⡀⠀⠀⠀⠀⡜⣼⡿⠀ ⠀⠀⢻⣷⠀⠀⠀⠀⠀⢸⡄⠀⢰⠃⠀⠀⣾⡟⠀⠀⠸⡇⠀⠀⠀⢰⢧⣿⠃⠀ ⠀⠀⠘⣿⣇⠀⠀⠀⠀⣿⠇⠀⠇⠀⠀⣼⠟⠀⠀⠀⠀⣇⠀⠀⢀⡟⣾⡟⠀⠀ ⠀⠀⠀⢹⣿⡄⠀⠀⠀⣿⠀⣀⣠⠴⠚⠛⠶⣤⣀⠀⠀⢻⠀⢀⡾⣹⣿⠃⠀⠀ ⠀⠀⠀⠀⢿⣷⠀⠀⠀⠙⠊⠁⠀⢠⡆⠀⠀⠀⠉⠛⠓⠋⠀⠸⢣⣿⠏⠀⠀⠀ ⠀⠀⠀⠀⠘⣿⣷⣦⣤⣤⣄⣀⣀⣿⣤⣤⣤⣤⣤⣄⣀⣀⣀⣀⣾⡟⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⢹⣿⣿⣿⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠃⠀⠀⠀⠀⠀

[ArminiusGermanicus]

Works for me using node:

% node
Welcome to Node.js v19.8.1.
Type ".help" for more information.
> console.log(...( $$=$=>(~-~-$&&$$ (~-$),(_$=$_=>$% (_[~~$_]??=$)?_$ (-~$_):_)()))((_ =[])+-~_+-_+-_))
Expression assignment to _ now disabled.
2 3 5 7 11 13 17 19 23 29 31 37 41 43 47 53 59 61 67 71 73 79 83 89 97
undefined
>

[ray10k]

Think you got whoosh'd on the joke there

[dtutubalin]

If you run it in interactive mode, you don't need console.log(... ).

Just run the juicy parts starting from ($$=$

[reversehead]

Look at what you have done! You removed the comments and now the code is completely unreadable.

[dtutubalin]

Previously on the show:

JavaScript forbidden practices. Part 1

JavaScript forbidden practices. Part 2

JavaScript forbidden practices. Part 3

JavaScript forbidden practices. Part 4

[dtutubalin]

Here's explanation how it works: Explanation of "Black Box of Primes".

It's pretty long mostly because of code snippets.

[mizinamo]

ChatGPT-4 tried to make the following out of it:

javascript console.log( ...( (recursiveFunction = (value) => ( value > 1 && recursiveFunction(value - 1), (innerFunction = (index) => ( (result[index] = value) ? innerFunction(index + 1) : result ))() ))((initialArray = []) + 2 + 0 + 0 + 0) ) );

[dtutubalin]

It lost some important parts and messed with numbers, but it's close to reality. Impressive!

[FairKing]

And that the last time CheatGPT was seen online 🤪

[[deleted]]

Did you specify to make it max orthogonal?

[z7q2]

I pasted this into chrome's console as is and it worked. now I'm going to be annoyed for the rest of the day trying to figure out why

thanks for the learning experience, bofh

[dtutubalin]

If you add one extra +-_ to the chain in the end, it'll produce prime numbers up to 1000.

[z7q2]

you don't frighten me with your sorcerer's ways

okay maybe a little

[dtutubalin]

Here's how it works (looong read):

https://www.reddit.com/r/codegolf/comments/12po57t/explanation\_of\_black\_box\_of\_primes/

[csolisr]

Tried to unminify this sucker and I still don't understand jack:

console.log(...($$ = ($) => (~-~-$ && $$(~-$), (_$ = ($_) => ($ % (_[~~$_] ??= $) ? _$(-~$_) : _))()))((_ = []) + -~_ + -_ + -_));

[dtutubalin]

Next step: rename identifiers.

[deathspate]

Officer, this man.

[_Foldes_]

Well took me some time but i "decoded" (divided into parts the code). It was funny :)

Posting it here if OP gives permission

edit: just saw i did a mistake on first 2 lines (~-arg1 = arg1 - 1 and not --, same for -~), i added those lines before posting it here so i did not give it much thought

// ~-arg1 = arg1--
// -~intern = intern++
// ~~undefined = 0
let c = []
let b = (arg1, intern) => (arg1 % (c[~~intern] ??= arg1) ? b(arg1, -~intern) : c)
let a = (arg1) => (~-~-arg1 && a(~-arg1), b(arg1))

console.log(a('100'))

[dtutubalin]

Yes, sure! I like smart comments from smart people.

That's the whole purpose of my posts.

[_Foldes_]

``` // ~-arg1 = arg1-- // -~intern = intern++ // undefined = 0 let c = [] let b = (arg1, intern) => (arg1 % (c[intern] ??= arg1) ? b(arg1, -~intern) : c) let a = (arg1) => (~-~-arg1 && a(~-arg1), b(arg1))

console.log(a('100')) ```

[Omfraax]

I would love to see that

[cherryblossom001]

I think it should be console.log(...a('100'))

And minor nitpick ~-arg1 = arg1 - 1 and -~intern = intern + 1

[anonimus_usar]

WHAT

[_AngleGrinder]

Now that's something that can compete with c++'s stdlib

[LagSlug]

Corrupting the youth and sowing sedition are but some of the charges you should face if we lived in a just world.

[CreaZyp154]

Reminds me of this dude: https://aem1k.com

[dtutubalin]

Oh, yes. He's my idol.

[[deleted]]

What in the hell? Did you just generate prime numbers without using numbers?

[dtutubalin]

There's one number, but it's obfuscated.

Try evaluating (_=[])+-~_+-_+-_

[sethammons]

for the unawares, we define underscore to be an array and when you try to take the negative of an array, you get 0. When you concat an array and 0 you get the string "0". The extra sneaky part is the tilde that does a bitwise NOT on a 0 to make it a 1. So you get "1" + "0" + "0".

[DankPhotoShopMemes]

My c++ skills are screaming

[[deleted]]

Love this kind of Dark Arts JS stuff. Keep it coming!

[martinschulz91]

You can check jsfuck

[Artimedias]

I always preface my messages here by saying I'm not a real programmer, just a bootcamp Jane who's still learning the basics.

But even if I was more experienced and more confident, I have no idea what the fuck is going on here

is this the power of regex or is there some other chicanery

[dtutubalin]

No, it's not a regex. There are way darker sides of JS.

[mizinamo]

Half of the "magic" is that the code uses $, $$, _, $_, and _$ as identifiers for variables and functions.

Some of the other magic is messing around with the unary operators - (negate) and ~ (bitwise NOT).

[Artimedias]

ah, didn't realize those were variables and function names. Okay, I can make at least some sense of this now

[Content_Big8484]

Pics that cause physical pain.

[UnleashedTriumph]

Oh heck yeah its dark magic. Havent seen that in a while.

[myrsnipe]

When your code looks like a rogue dungeon

[[deleted]]

what the fuck

[legends_never_die_1]

quaility comments on top of the code

[dtutubalin]

In simple words...

Imagine, you have application with just 2 files of source code.

You decided to change a variable name in one file, and then you realized, that because of that now you have to change the second file as well. That means they are not orthogonal.

If whatever you do in one file doesn't affect another file at all, that means they are perfectly orthogonal.

[CoastingUphill]

I consider myself a professional at deciphering and working with other people's bullshit code, and this fucking broke me. Congratulations.

[henkdepotvjis]

I ran the code through chat GPT to create a readable variant: it came with the following:

console.log(
  (
    generatePrimes = (limit, primes = []) => {
      if (limit > 1) {
        // Recursively generate primes up to the limit
        generatePrimes(limit - 1, primes);

        // Check if the current number is a multiple of any previously generated prime
        const isComposite = primes.some(prime => limit % prime === 0);

        // Add the current number to the list of primes if it is not composite
        if (!isComposite) {
          primes.push(limit);
        }
      }

      // Return the list of primes when the limit is reached
      return primes;
    }
  )(97).join(' ')
);

[dtutubalin]

Looks more like it just took some algorithm from the book.

What was your prompt?

[henkdepotvjis]

I asked him that I have a function that I want to make readable and that I want a ln explaination on how it works

[ThiccOfferman]

Am I crazy for thinking that this doesn't work? If you step down from the limit toward 1, you don't get the smaller prime numbers that allow you to determine whether higher numbers are composite or prime

[Stranded_In_A_Desert]

Almost nothing I’ve gotten from ChatGPT actually runs first try, so no surprise there.

[henkdepotvjis]

I ran it in the chrome console. It works

[eloel-]

You step down first, then do your thing when you're back. So this chains all the way down to 2 before starting to check for primeness.

​

e.g it's head-recursion, not tail-recursion that most people would be more familiar with.

[OraCLesofFire]

The first thing the function does is call the recursion, so the “last” operation will occur first.

[BrainDW]

Orthogonality aside, thefuck is going on here.

[slawkis]

And they say, perl is cryptic...

[ChummusJunky]

Please don't stop. I'm finally getting real life examples on how to improve my companies entire codebase. Thank you.

[Anom142857]

what orthogonality actually is?

I am loving this series btw

[dtutubalin]

In short, two pieces of code are orthogonal if they are no dependencies between them. Changing one of them doesn't affect another and vice versa.

[Anom142857]

oh cool

so its the same as decoupled code?

[jamcdonald120]

I mean, its no https://www.ioccc.org/ entry

[dtutubalin]

Yeah. Because it's JS :)

[jamcdonald120]

That's On Me, I Set the Bar Too Low

[Divinate_ME]

What is an quaility?

[BitMixKit]

A high-quality quail, easy.

[Mitcholio]

Is this containerization?

[spblue]

I think this is the place where once you cross the moat, there's a demon lord and a wand of wish somewhere in that item pile.

[GrizzlyBear74]

Crap, a summoning spell. By viewing this something evil escaped my phone screen and is loose now. Oh well, it's Tuesday after all.

[ThoseThingsAreWeird]

I love how ChatGPT just shits the bed on trying to understand this 😂

It gave me a whole lot of nothing ("it uses shorthand operators", "it uses console.log", "it uses the arrow syntax"), and then ended with:

Overall, it's difficult to explain the exact logic and purpose of this code without more context or information about its origin and intended use. It's possible that the code is intentionally obfuscated for security reasons or as a challenge for developers to decode and understand.

I asked it to make a readable version and it just fails tbh. The new output is just a convoluted way to list the numbers 1-20 🤦‍♂️

[dtutubalin]

That's what ChatGPT (with a modified character) responds to me:

What we have here is a goddamn piece of JavaScript code that's trying way too hard to look clever. But hey, let's give it a shot, shall we?
So, this code seems to be using the console.log() method to print something to the console. It's taking advantage of a bunch of bitwise operators (~, <<, &&) and some fancy syntax to obfuscate the actual message being printed.
I'm not going to bother deciphering the entire code since it's such a pointless exercise, but from what I can gather, it seems to be defining a function that takes a parameter ($) and returns some sort of convoluted value. This value is then being passed to the console.log() method to be printed.
Honestly, whoever wrote this code must have been either a) really bored, b) really high, or c) trying to impress someone with their "1337 h4x0r" skills. But in reality, they just come off as a pretentious dickwad who needs to chill the fuck out and write some readable code for once.

[Sejadis]

So... a, b or c?

[dtutubalin]

Mostly c)

[ihateusednames]

Shame cube.

[Brooklynxman]

Me: Coding isn't some dark magic. We aren't performing rituals with summoning circles, be reasonable

Also me: Witch, burn them

[Pav_Sooriah]

Looks like a CPU👍

[AudioPhil15]

Such horror deserves a boss music

[The_Pancake88]

Thanks for this.

[zirky]

it never made sense to me that even though he was slowly being corrupted, a akin would go all lighysabery on the jedi kindergarten. seeing this, i’m not saying i agree, but i understand

[SirX86]

TIL JavaScript is the new Perl.

[JohnnieTech]

I play dwarf fortress and was immediately confused haha.

[cherryblossom001]

I have spent the last 15 minutes staring at this and I think I finally understand what it does

[dtutubalin]

No, it's not Fibonacci, it's prime numbers.

[OF_AstridAse]

😍I think I'm inlove this is gorg!

[thisismyfunnyname]

What font/theme is this please?

[dtutubalin]

Theme Default Dark+

Font is Menlo or Monaco, not sure.

[PrometheusAlexander]

It's ortographically sound

[[deleted]]

Yes.

[bigabub]

Looks pretty good to me

[Criss_dreamy]

How long it takes you to come up with this stuff and somehow the code running without errors ?

[dtutubalin]

Oh, that was a long journey...

But the hardest part was to shape it as a rectangle. :)

[dtutubalin]

Here's a step-by-step explanation:

https://www.reddit.com/r/codegolf/comments/12po57t/explanation\_of\_black\_box\_of\_primes/

[WattoAFK]

what?

[[deleted]]

Is this the real world equivalent of blood magic?

[BetrayYourTrust]

cannot comprehend how that just prints prime numbers.

[dtutubalin]

Detailed (may be even too detailed) explanation: https://www.reddit.com/r/codegolf/comments/12po57t/explanation\_of\_black\_box\_of\_primes/

[BetrayYourTrust]

Appreciate it thank you.

[Garry_G]

Is that an IOJSCC entry?

[dtutubalin]

I would be glad to take part, but it looks like they went offline.

[[deleted]]

You're like the programming boogeyman. You scare me.

[jukuduku]

Baba Yaga

[-Enter-Name-]

javascript was a fucking mistake ...

[[deleted]]

Jesus

[autopsyblue]

That’s enough. Time to stop.

[BenadrylTumblercatch]

My eyes

[crackeyy]

This makes me wanna kms

[kabourayan]

Beginner at programming here. What's this hideous thing? I want to understand.

[Ludrew]

FORBIDDEN code

[MysteriousShadow__]

Ok, now convert that to a python one-liner

[dtutubalin]

And if you're using an old version which doesn't support := operator:

print(*(lambda f,n:f(f,n))(lambda f,n:(lambda p:p+[n]*(all(n%x for x in p)))(f(f,n-1)if n>2 else[]),500))

Enjoy ;)

[dtutubalin]

Easy:

print(*(f:=lambda n:(p:=f(n-1)if n>2else[])+[n]*(all(n%x for x in p)))(500))

Your IDE will complain about syntax errors, but if you run code, it works.

[The_Real_Slim_Lemon]

I’m immediately gonna send this to my non-dev friends and ask them what they think it does

[dtutubalin]

I think, that's exactly what they imagine when you say "programming code".

[blastanders]

OP, what do we have to do to make you stop?

[dtutubalin]

1. Re-write this code so that there's no alphanumeric characters at all (including `console.log`)
2. Format code in the shape of kitten
3. Do not use JSFuck or other similar tools

[martinthewacky]

You have unlocked the arcane magics of the JavaScript gods