Javascript的基本知识

<script>
        // 1.命名函数 声明提升
        function MultiArr(arr1, arr2){
            return `${arr1} * ${arr2} = ${arr1[0] * arr2[0] + arr1[1] * arr2[1]}`
        }
        console.log(MultiArr([1, 2], [3, 4]))
        // 2. 匿名函数 不会声明提升
        const result2 = function(arr3, arr4){
            return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
        }
        console.log(result2([5, 6], [7, 8]))
        // 3.箭头函数 声明简化
        result3 = (arr3, arr4) =>{
            return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
        }
        console.log(result3([9, 10], [11, 12]))
        // 4.立即执行函数
        let result4 = (function(arr3, arr4) {
            return `${arr3} * ${arr4} = ${arr3[0] * arr4[0] + arr3[1] * arr4[1]}`
        })([13, 14], [15, 16])
        console.log(result4)
        // 原始类型
        // 1. number
        console.log(3.14 +'是',typeof 3.14, '类型')
        // 2. string
        console.log('3.14'+'是',typeof '3.14', '类型')
        // 3. boolean
        console.log(false+'是',typeof false, '类型')
        // 4. null
        console.log(null+'是',typeof null, '类型')
        // 5. undefined
        let a
        console.log(a+'是',typeof a, '类型')
        // 1.数组
        const arr = ['张三','男']
        console.log(arr)
        console.log(arr[0])
        console.log(Array.isArray(arr))
        // 2.对象
        let user = {name:'李四', sex:'男', age: 23, isVip: true}
        console.log(user['name'])
        console.log(user.sex)
        user = {
            name:'李四',
            sex:'男', 
            age: 23, 
            isVip: true,
            show: function(){
// this是当前对象的引用 this.name===user.name
                return `name=${this.name}, sex=${this.sex}`
            }
        }
        console.log(user.show())
        // 3.函数
        let f = function(){}
        console.log(typeof f)
        f.g = function(name){
            return 'hello,' + name
        }
        console.log(f.g('王五'))
</script>

执行结果：

函数
function.html:20 1,2 3,4 = 11
function.html:28 5,6 7,8 = 83
function.html:33 9,10 11,12 = 219
function.html:38 13,14 15,16 = 419
数据类型
function.html:42 3.14是 number 类型
function.html:44 3.14是 string 类型
function.html:46 false是 boolean 类型
function.html:48 null是 object 类型
function.html:51 undefined是 undefined 类型
function.html:55
引用类型
(2) [‘张三’, ‘男’]
function.html:56 张三
function.html:57 true
function.html:61 李四
function.html:62 男
function.html:73 name=李四, sex=男
function.html:76 function
function.html:80 hello,王五

总结：

一些基本概念，理解起来不难，但函数的灵活运行还是需要多用多练的。