JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】

我会带着你远行 2022-10-29 01:52 215阅读 0赞

>  *  **w3school 在线教程：[https://www.w3school.com.cn][https_www.w3school.com.cn]**
> 
> 1.  [JavaScript学习笔记01【基础——简介、基础语法、运算符、特殊语法、流程控制语句】][JavaScript_01]【day01】
> 2.  [JavaScript学习笔记02【基础——对象（Function、Array、Date、Math、RegExp、Global）】][JavaScript_02_Function_Array_Date_Math_RegExp_Global]【day01】
> 3.  [JavaScript学习笔记03【基础——对象（RegExp、Global）】][JavaScript_03_RegExp_Global]【day01】
> 4.  [JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】][JavaScript_04_DOM_BOM]【day02】
> 5.  [JavaScript学习笔记05【高级——DOM对象、JavaScript中的事件】][JavaScript_05_DOM_JavaScript]【day02】

**目录**

06 JavaScript\_对象

JavaScript\_对象\_Function

函数的3种创建方式

函数的length属性：代表形参的个数

函数特点1——方法定义时，可以不写 形参类型、返回值类型

函数特点2——方法覆盖

函数特点3——方法调用只与方法名称有关

函数特点4——隐藏内置对象（数组），arguments，封装所有的实际参数

JavaScript\_对象\_Array

Array 对象方法

JavaScript\_对象\_Date

Boolean 对象

Date：日期对象

JavaScript\_对象\_Math

产生 1~100 之间的随机整数

--------------------

# 06 JavaScript\_对象 #

## JavaScript\_对象\_Function ##

> ![20210208134526986.png][]  ![20210208144417949.png][]

> Function：函数(方法)对象  
>     1. 创建：  
>         1. var fun = new Function(形式参数列表, 方法体); // 了解  
>         2. function 方法名称(形式参数列表) \{  
>                 方法体  
>             \}
> 
>         3. var 方法名 = function(形式参数列表) \{  
>                 方法体  
>            \}  
>     2. 方法：
> 
>     3. 属性：  
>         length：代表形参的个数。  
>     4. 特点：  
>         1. 方法定义时，形参的类型不用写，返回值类型也不写。  
>         2. 方法是一个对象，如果定义名称相同的方法，会覆盖。  
>         3. 在JS中，方法的调用只与方法的名称有关，和参数列表无关。  
>         4. 在方法声明中有一个隐藏的内置对象（数组），arguments，封装所有的实际参数。  
>     5. 调用：  
>         方法名称(实际参数列表);

### 函数的3种创建方式 ###

> ![20210208145116833.png][]
> 
> ![20210208145213264.png][]
> 
> --------------------
> 
> 方法定义时，形参的类型不用写，返回值类型也不写。 // var a, var b——每一个参数的类型都用var来标识，可以省略var
> 
> ![20210208145734913.png][]
> 
> --------------------
> 
> ![20210208145912554.png][]

### 函数的length属性：代表形参的个数 ###

> 函数特点1：方法定义时，形参的类型不用写，返回值类型也不写。
> 
> ![20210208150332930.png][]

### 函数特点1——方法定义时，可以不写 形参类型、返回值类型 ###

> 函数特点1：方法定义时，形参的类型不用写，返回值类型也不写。
> 
> ![20210208145734913.png][] // var a, var b —— 每一个参数的类型都用var来标识，可以省略var

### 函数特点2——方法覆盖 ###

> 函数特点2：方法是一个对象，如果定义名称相同的方法，会覆盖。
> 
> ![2021020815072967.png][]

### 函数特点3——方法调用只与方法名称有关 ###

> 函数特点3：在JS中，方法的调用只与方法的名称有关，和参数列表无关。
> 
> ![20210208151303871.png][]

### 函数特点4——隐藏内置对象（数组），arguments，封装所有的实际参数 ###

> ![20210208152132531.png][]  ![20210208152307718.png][]

## JavaScript\_对象\_Array ##

### Array 对象方法 ###

> Array：数组对象  
>     1. 创建：  
>         1. var arr = new Array(元素列表);  
>         2. var arr = new Array(默认长度);  
>         3. var arr = \[元素列表\];  
>     2. 方法  
>         join(参数)：将数组中的元素按照指定的分隔符拼接为字符串。  
>         push()：向数组的末尾添加一个或更多元素，并返回新的长度。  
>     3. 属性  
>         length：数组的长度。  
>     4. 特点：  
>         1. JS中，数组元素的类型可变的。  
>         2. JS中，数组长度可变的。
> 
> ![20210208153415792.png][]
> 
> ![20210208154224112.png][]

> ![20210208153702845.png][]
> 
> ![2021020815400627.png][]

## JavaScript\_对象\_Date ##

### Boolean 对象 ###

> ![2021020815434713.png][]
> 
> ![20210208154420767.png][]
> 
> ![202102081544361.png][]

### Date：日期对象 ###

> Date：日期对象  
>     1. 创建：  
>         var date = new Date();
> 
>     2. 方法：  
>         toLocaleString()：返回当前date对象对应的时间本地字符串格式。  
>         getTime()：获取毫秒值，返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差。
> 
> ![20210208154546523.png][]
> 
> ![20210208154720458.png][]  ![20210208154829196.png][]
> 
> ![20210208155030858.png][]

## JavaScript\_对象\_Math ##

> Math：数学对象  
>     1. 创建：  
>         \* 特点：Math对象不用创建，直接使用——Math.方法名();
> 
>     2. 方法：  
>         random()：返回 0 ~ 1 之间的随机数，含0不含1——\[0, 1)。  
>         ceil(x)：对数进行上舍入。  
>         floor(x)：对数进行下舍入。  
>         round(x)：把数四舍五入为最接近的整数。  
>     3. 属性：  
>         PI
> 
> ![20210208155717130.png][]
> 
> ![20210208155734395.png][]  ![20210208155827267.png][]

### 产生 1~100 之间的随机整数 ###

> 取 1~100之间的随机整数
> 
> 1.  Math.random()产生随机数：范围 \[0,1) 小数
> 2.  乘以 100 --> \[0,99.9999\] 小数
> 3.  舍弃小数部分 ：floor --> \[0,99\] 整数
> 4.  \+1 -->\[0,99\] 整数 \[1,100\]

> ![20210208160120801.png][]

> 梳头健脑：宋代著名文学家苏轼把梳头当做“安眠药”。他说：“梳头百余，散头卧，熟寝至明。”梳头能提神醒脑，消除疲劳，提高思维能力和工作效率，还有防治失眠、神经性头痛及脱发的功效。医书《诸病源候论》说：“千过梳头，头不白。”中国有句古话叫做“梳头又洗脚，强似吃补药”，梳头的保健养生功效可见一斑。中医认为：人的头部是“诸阳所会，百脉相通”，人体的重要经脉和四十多个大小穴位以及十多处特殊刺激区均汇聚于头部。这些经脉和穴位起着运行气血、濡养全身、抗御外邪、沟通里表上下的作用。经常梳头按摩这些穴位，可使头发根部血液循环加快、发根坚固、发色黑润，从而疏通经脉，流畅血液，宁神开窍，起到耳聪目明、醒脑提神、养生保健等作用。勤梳头对于恢复脑力有着很好的效果，我本人每天也都有梳头养生，我买的是绿檀木梳，每天都梳几百下。自从我坚持梳头后，我发现我的发根变得更坚固了，几乎很少脱发，梳头对于失眠多梦也有很好的效果，这个方法简单易行，但贵在坚持，当你乐在其中，效果自然就会显现。  
>   
> 佛法开智慧：佛法对智慧的开发真的不可思议，只要你深入经藏，必定智慧无穷。由戒生定，由定生慧。遵祖师所言：开慧楞严，成佛法华。觉悟本体彻悟本性，本性本来无恶无善，在圣不增在凡不减，无垢无净。学习佛法可以让你获得宇宙人生的大智慧，这点毋庸置疑。我现在早课有楞严咒和大悲咒，每天都有坚持读诵，每天也有在念弥陀佛号，佛法的加持不可思议，佛教是宗教而超宗教，是哲学而超哲学，是科学而超科学。还是那句话，修持佛法是人生最大的福报！学习佛法可以很快地开启智慧，佛理也可以很好地指导你的人生，让你学会感恩，变得更加宽容豁达，可以活得更有幸福感。脑力下降的戒友，可以试试学习佛法，念念佛，念念咒，读读经，脑力也会改善很多的。佛法本来就是治疗身心疾病的良药，如果错过这剂良药，那可是大损失啊！人身难得，佛法难遇，善知识难求，中国难生。好好珍惜吧！加油！

[https_www.w3school.com.cn]: https://www.w3school.com.cn/
[JavaScript_01]: https://blog.csdn.net/weixin_44949135/article/details/113743848
[JavaScript_02_Function_Array_Date_Math_RegExp_Global]: https://blog.csdn.net/weixin_44949135/article/details/113743896
[JavaScript_03_RegExp_Global]: https://blog.csdn.net/weixin_44949135/article/details/113759141
[JavaScript_04_DOM_BOM]: https://blog.csdn.net/weixin_44949135/article/details/113760098
[JavaScript_05_DOM_JavaScript]: https://blog.csdn.net/weixin_44949135/article/details/113755835
[20210208134526986.png]: https://img-blog.csdnimg.cn/20210208134526986.png
[20210208144417949.png]: /images/20221024/cab07407f6d54d1fb7cb7ac3e5aad60c.png
[20210208145116833.png]: /images/20221024/80f593b399724409bbb45cdac5b67837.png
[20210208145213264.png]: /images/20221024/b2b913ea217f497f93fb0b8ef5ffd11d.png
[20210208145734913.png]: /images/20221024/c161148ffb6044abb2a02e9cf7211c7c.png
[20210208145912554.png]: /images/20221024/83f28b4e385043768f0d90c0e743770d.png
[20210208150332930.png]: /images/20221024/838bb999e2304675b3f1cec77cfd89e6.png
[2021020815072967.png]: /images/20221024/f4bdfd2fed7f4374a09028ddc81a973b.png
[20210208151303871.png]: /images/20221024/7ed17bf900624998b10a6a4ef1d06799.png
[20210208152132531.png]: https://img-blog.csdnimg.cn/20210208152132531.png
[20210208152307718.png]: /images/20221024/5d3479aede544aa9b9a7efe84aed6e96.png
[20210208153415792.png]: /images/20221024/bb61e96f61b44f67b58e86eafae71678.png
[20210208154224112.png]: /images/20221024/493566fb18bf4776b2a8f5f9f632698d.png
[20210208153702845.png]: /images/20221024/d4b975d29a65464ea871cf552a5b83f0.png
[2021020815400627.png]: /images/20221024/b7a740e9be4e49a19e3f73d46aacae66.png
[2021020815434713.png]: /images/20221024/c088f154aec94dbf9f3c55f3f083c99e.png
[20210208154420767.png]: /images/20221024/b9b1baf36c3449959f7544a3f9f33d9a.png
[202102081544361.png]: /images/20221024/e32cda26354d48b59fe18efac613a635.png
[20210208154546523.png]: /images/20221024/4b2b76d9f0014746b1954a40af20fbb1.png
[20210208154720458.png]: https://img-blog.csdnimg.cn/20210208154720458.png
[20210208154829196.png]: /images/20221024/2a97b5ac7a4d4d46a840d7e4340becc9.png
[20210208155030858.png]: /images/20221024/178bdc4046df41c483295c7c9acc529c.png
[20210208155717130.png]: /images/20221024/6c9b8a406d5449348a050f7a975b8b9b.png
[20210208155734395.png]: https://img-blog.csdnimg.cn/20210208155734395.png
[20210208155827267.png]: /images/20221024/a241ccc3a93543b8b457633babe1571f.png
[20210208160120801.png]: /images/20221024/75a3c2a791ff4a14a588e8d891d0114a.png