三篇文章快速全面了解主流脚本语言——JavaScript(3)---难度


前言

这里属于阿德的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定时器,我们在清楚之前,可以先给定时器定义一个名字,然后清除的时候把我们定义的那个名字放进去,这样的话,这两个定时器都能准确的进行清除。

  • 加了括号返回的就是整个函数体,所以会立即执行该函数,
    不加括号就是调用函数名,函数名就相当于一个指向函数的指针,而不是函数本身。

总结:

我们学了这个定时器之后就可以尝试写一下轮播图等效果实现

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值