JavaScript基础：四种常用的函数类型实例数据类型

JavaScript基础一

JS的四种常用函数类型

JS四种常用的函数类型是:命名函数/匿名函数/箭头函数/立即执行函数,下面分别逐一介绍.

1. 命名函数

// 命名一个函数,求两个数的和
function add(x,y) {
    return x + y
}
// 通过Chrome检查器中的控制台可以看到结果是61
console.log(add(25,36))
// 可以用字面量模板化输出,用反引号
function add(x,y) {
    return `${x} + ${y} = ${x + y}`
}
console.log(add(12,23))
// 这样输出的格式是: 12 + 23 = 35

2. 匿名函数

可以将匿名函数赋值给一个声明的常量或变量中.还是用上面的例子

const add1 = function(x,y) {
    return `${x} + ${y} = ${x + y}`
}
console.log(add1(32,11))

3. 箭头函数

箭头函数其实就是匿名函数的简写,删除:function,(参数列表)与{代码块}之间用胖箭头=>连接,比如将上面的匿名函数改成箭头函数,可以取得相同的效果

add2 = (x,y)=>{return `${x} + ${y} = ${x + y}`}
console.log(add2(32,11))

4. 立即执行函数

立即执行函数顾名思义,写完就执行完了,声明和调用二合一,可以看下面的例子

let add3 = (function (x, y) {
    return `${x} + ${y} = ${x + y}`
    })(32, 18)
console.log(add3)

实例演示数据类型

原始数据类型

JS的原始数据类型主要有5种,分别是:文本string,数字(包含小数)number,布尔boolean,空null,没赋值undefined.下面分别用实例演示.

console.log('China',typeof 'China')
console.log(205.34,typeof 245)
console.log(true,typeof true)
console.log(null,typeof null)
let a
console.log(a,typeof a)

通过控制台查看,类型分别是:
China string
205.34 ‘number’
true ‘boolean’
null ‘object’
undefined ‘undefined’
其中,null类型是一个空对象’object’,这是JS天生的问题,不会修改了.

引用类型(对象)

1. 数组

这是一个数组,注意指针从0开始,即第一个元素的序号是0.
const arr = [86,'Jack',175,true]

2. 对象

可以理解为语义化的数组,同时还可以在对象里封闭函数.

let user = {
    id:86,
    username:'Jack',
    high:175,
    isMarried:true,
    show: function () {
        return `id=${this.id},username=${this.username}`
    },
}
console.log(user.show())

3. 函数

函数也是对象,可以添加属性和方法
let ff = function () {}
添加属性
ff.high = 175
添加方法

fn.pk = function (uname) {
    return 'Good morning, ' + uname
}