- 久々に調べたら色々便利な機能追加されててビビるわ
staticフィールドとか3年前くらいからやっと使えるようになったんかい - staticフィールドとstatic initializer
こんな感じでstaticフィールドを初期化できるclass A {
static a;
static b;
static {
a = 123141;
b = a + 1;
}
} - ここにメモしていく
- スプレッド構文
配列を引数に展開するやつ
Pythonの*listと同じconst a = [1, 2, 3]
console.log(…a) - TypeScriptも覚えろ
- >>5
何かメリットあるん？バニラでももう十分便利じゃないの？ - >>8
やっぱりいろいろ便利やで
そりゃJavaScriptにトランスパイルされるんだから機能的には大差ないけどコーディングがクソ楽 - 配列を初期化するときに別の配列を展開することもできて非常に便利
const a = [1, 2, 3]
const b = [0, …a, 4] - 嫌や
なんでキンタマ野郎と一緒にやらなアカンねん - staticってどの言語にもあるし勉強するものなのか？
- >>9
使える/使えないは覚えとかないとね
これまでずっと使えなかったから効率良いコーディングに取り残されてしまう
static initializerみたいなのは他言語にある？ - >>11
c#の静的コンストラクターみたいなもんじゃないにょ？ - >>18
C#はjsより触ってないから実はよくわからないんや
そんなのもあったような気もする - 分割代入
これもPythonでよくやるやつやねconst [a, b] = [1, 2]
末尾限定だけどスプレッド構文と似た書き方もできる
この場合eが配列になるconst [c, d, …e] = [10, 20, 30, 40, 50, 60]
- 基本的なのはchatGPTに聞けばええ
これからは構想力やで - 冪乗
Pythonと同じや3**2 // = 9
-3**2みたいな書き方するとエラーが出る
符号どっちか紛らわしいからか？
関係ないけどExcelで=-3^2って書いたら正の9になるの気持ち悪すぎる - >>13
そらマイナス3の二乗やから当然では - >>15
普通に読んだら-(3^2)やろ
mathematicaさんもそう言っとるで
https://www.wolframalpha.com/input/?i=-3%5E2
- >>15
マイナス3の二乗は(-3)²やな - pythonのパクリやんけ
- null合体演算子
三項演算子の特殊なやつが単独で切り出された機能
C#とかにあるやつやねa ?? 100 // a !== null ? a : 100 と同じ
昔はa || 100とかしてたような？可読性悪すぎやったね
- >>16
これはundefinedでも100になるらしい - スタティックって何ンゴ？
- >>17
花見の席取り - >>17
そのクラスのインスタンス全部が共有する変数とか関数のことや - デフォルト引数
見たまんまfunction aiueo(a, b=100) {
console.log(a, b)
}aiueo(1, 2) // 1 2 が出力される
aiueo(1) // 1 100 が出力される - パブリック・プライベートフィールド
class A {
a = 5;
#b = 5;
}コンストラクターでthis.a = …とか書かなくても直に書けるようになった
#から始まる名前の変数は勝手にprivateになって外部から参照できない
プライベート関数も同じ - at()
文字列とか配列の値を取るときにPythonみたいに-1とか使える[1, 2, 3][0] // 1
[1, 2, 3][-1] // Error
[1, 2, 3].at(0) // 1
[1, 2, 3].at(-1) // 3ちなみにES2022でこの関数が追加されたおかげで、jsfuckっていうjsのあらゆるコードを5文字だったか6文字だったかで表現するっていうチャレンジが簡単になったらしい
- >>26
ごめんこれエラーにならんわ
undefinedが返ってくる - >>26
戻り値はstring？ - >>28
配列のatなら中身と同じ型
文字列のatなら文字列かな - replaceAll()
文字列の置き換え
2020年くらいまでなかったらしい‘tomato’.replaceAll(‘to’, ‘aaa’)
- Optional Chaining
連想配列にキーがあるかないかわからないときに使う
if文での判定をわざわざ書かなくて良くて便利
入れ子で何回でも使えるconst x = {
a: {
u: ‘aaa’
}
}const y = {
b: ‘aaa’
}x.a?.u // ‘aaa’
y.a?.u // undefined - TypeScript書け
型を明示しない世界を作るな
一緒にJavaScriptの勉強せんか？
エッヂ
コメント