文章目录
前言
这里属于阿德的JavaScript的内容一个终章,总体来讲,前端内容并不是特别多与难度很高,主要为了进行后续全栈开发和后端学习进行一个基础的学习和了解
本篇内容并不多,但相对来说代码量比较多,在每一篇内容的代码块部分,大家在进行学习的时候可以下载HBuilder X编辑器进行代码测试和学习,会更适合掌握和理解学习内容
一. JavaScript 的Math对象(了解)
- Math 对象常用于做数学运算,不需要创建对象,直接调用属性或方法就可以
- 可以直接搜索该知识文档:http://web.h3399.cn/Math.htm对Math方法进行方法学习
1. Math属性
属性 | 描述 |
---|---|
E | 返回算术常量 e,即自然对数的底数(约等于2.718)。 |
LN2 | 返回 2 的自然对数(约等于0.693)。 |
LN10 | 返回 10 的自然对数(约等于2.302)。 |
LOG2E | 返回以 2 为底的 e 的对数(约等于 1.414)。 |
LOG10E | 返回以 10 为底的 e 的对数(约等于0.434)。 |
PI | 返回圆周率(约等于3.14159)。 |
SQRT1_2 | 返回返回 2 的平方根的倒数(约等于 0.707)。 |
SQRT2 | 返回 2 的平方根(约等于 1.414)。 |
2. Math对象方法
方法 | 描述 |
---|---|
abs(x) | 返回数的绝对值。 |
acos(x) | 返回数的反余弦值。 |
asin(x) | 返回数的反正弦值。 |
atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 |
atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。 |
ceil(x) | 对数进行上舍入。 |
cos(x) | 返回数的余弦。 |
exp(x) | 返回 e 的指数。 |
floor(x) | 对数进行下舍入。 |
log(x) | 返回数的自然对数(底为e)。 |
max(x,y) | 返回 x 和 y 中的最高值。 |
min(x,y) | 返回 x 和 y 中的最低值。 |
pow(x,y) | 返回 x 的 y 次幂。 |
random() | 返回 0 ~ 1 之间的随机数。 |
round(x) | 把数四舍五入为最接近的整数。 |
sin(x) | 返回数的正弦。 |
sqrt(x) | 返回数的平方根。 |
tan(x) | 返回角的正切。 |
valueOf() | 返回 Math 对象的原始值。 |
特殊
valueOf()方法: valueOf() 方法用于返回指定对象的原始值,若对象没有原始值,则将返回对象本身。通常由JavaScript内部调用,而不是在代码中显式调用。 默认情况下,valueOf 方法由 Object 后面的每个对象继承。
二. JavaScript的日期对象
- Date 对象用于处理日期和时间。
- 创建 Date 对象的语法:
var myDate=new Date();Date 对象会自动把当前日期和时间保存为其初始值
属性 | 描述 |
---|---|
constructor | 返回对创建此对象的 Date 函数的引用。 |
prototype | 使您有能力向对象添加属性和方法。 |
方法 | 描述 |
---|---|
Date() | 返回当日的日期和时间。 |
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
getFullYear() | 从 Date 对象以四位数字返回年份。 |
getYear() | 请使用 getFullYear() 方法代替。 |
getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
parse() | 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。 |
setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |
setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |
setFullYear() | 设置 Date 对象中的年份(四位数字)。 |
setYear() | 请使用 setFullYear() 方法代替。 |
setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |
setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |
setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |
setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |
setTime() | 以毫秒设置 Date 对象。 |
toString() | 把 Date 对象转换为字符串。 |
toTimeString() | 把 Date 对象的时间部分转换为字符串。 |
toDateString() | 把 Date 对象的日期部分转换为字符串。 |
toSource() | 返回该对象的源代码。 |
valueOf() | 返回 Date 对象的原始值。 |
三. JavaScript的函数
-
创建方式
1.字面量创建
function myFunc() { };
2.分配给其他对象的变量,数组和属性:
var myFunc = function() { };
myArray.push(function() { });
myObj.myFunc = function() { };
3.作为参数传递给其他函数
function myFunc(someFunc) {
someFunc();
}
myFunc(function() { });
4.属性
var myFunc = function() { };
myFunc.someProperty = “George”;
5.作为返回值:
function myFunc(){ return function() { }; } -
注意:
在js中,函数也是对象
四. JavaScript的定时器
1. 设置定时器
- A:setTimeout:只在指定时间后执行一次,再次刷新网页才会更新
- B:setInterval:以指定时间为周期循环执行,刷新网页会重新计数,清除才会停止
2. 清除定时器
-
清除定时器也有两个,对应的clearTimeout定时器和clearInterval定时器,我们在清楚之前,可以先给定时器定义一个名字,然后清除的时候把我们定义的那个名字放进去,这样的话,这两个定时器都能准确的进行清除。
-
加了括号返回的就是整个函数体,所以会立即执行该函数,
不加括号就是调用函数名,函数名就相当于一个指向函数的指针,而不是函数本身。
总结:
我们学了这个定时器之后就可以尝试写一下轮播图等效果实现