JS代码小知识（个人向）

JS

        对象转数组

let obj = {
   0:"a",
   1:"b",
   length:2    //加上这个就能转了
};
console.log(Array.from(obj)); // ["a", "b"]

        数组的拼接

let a = ["a","b"]
let b = ["c","d"]
let c = [...a , ...b]

        函数接收多参

function sum(...args){}

        原型链遍历

Array.prototype.map.call(div , (item)=>{
    ...
})

        点语法使伪数组转为真数组

[...伪数组]

        字符展开为单字符数组

const [...arr] = "afa"
console.log(arr)
/
console.log(..."afaf")

        解构赋值

let arr = ["abc",2010];
let [name , year] = arr;
console.log(name,year); //"abc" , 2010

        展开追加数组

let arr = ["a","b"]
let arr2 = ["c","d"]
arr.push(...arr2)
console.log(arr) // ["a", "b", "c", "d"]

        对象里面塞变量

let a = "name"
let b = {
    [a]: "abc"  // 这里使用[]来动态创建属性，并赋值
}
console.log(b)        // 输出：{ name: 'abc' }

        script小知识

<script type="text/template" id="tpl">
    <div>fafa</div>
</script>
<script>
    let a = document.querySelector("#tpl")
    console.log(a.innerHTML)
    console.log(a.innerText)
    console.log(a.textContent)
</script>

vue3

        1.

<template>
  <a :href="value"></a>
</template>

<script setup lang='ts'>
let value = "https://www.baidu.com"
</script>
/
<template>
  <a :[arg]="value"></a>
</template>

<script setup lang='ts'>
let arg = "href"
let value = "https://www.baidu.com"
</script>

        2.

<template>
  <div @click="add">{{ value }}</div>
</template>
//
<template>
  <div @[arg]="add">{{ value }}</div>
</template>

<script setup lang='ts'>
let arg = "click"
</script>