JavaScript基础一

JS的四种常用函数类型

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

1. 命名函数

// 命名一个函数,求两个数的和function add(x,y){return x + y}// 通过Chrome检查器中的控制台可以看到结果是61console.log(add(25,36))// 可以用字面量模板化输出,用反引号function add(x,y){return`${x}+ ${y}= ${x + y}`}console.log(add(12,23))// 这样输出的格式是: 12 + 2源码下载wcqh.cn3 = 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. 立即执行函数

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

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,typeofChina)console.log(205.34,typeof245)console.log(true,typeoftrue)console.log(null,typeofnull)let acon源码下载wcqh.cnsole.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:t源码下载wcqh.cnrue, show:function(){return`id=${this.id},username=${this.username}`},}console.log(user.show()) 3. 函数

函数也是对象,可以添加属性和方法

let ff = function () {}

添加属性

ff.high = 175

添加方法 fn.pk =function(uname){returnGood morning, + uname}