前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >JavaScript函数认识,Js中的常见函数

JavaScript函数认识,Js中的常见函数

作者头像
二十三年蝉
发布于 2018-02-27 10:12:28
发布于 2018-02-27 10:12:28
3K00
代码可运行
举报
文章被收录于专栏:闻道于事闻道于事
运行总次数:0
代码可运行

JavaScript函数:

也称为方法,用来存储一块代码,需要的时候调用。

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数需要包含四要素:返回类型,函数名,参数列表,函数体

拓展:强类型语言的函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
public int Sun(int a,int b){
    return = a+b;
}

return返回,Sun函数名,int a,int b,参数列表,int 整型。

没有返回值的函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
public void Sun(int a,int b){
}
Sun(1,2);

这样的参数a,b是形参,也就是形式参数,调用函数是给的参数1,2是实参,也就是实际参数。

JavaScript中的函数定义:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //定义函数jiSun
    function jiSuan(){
    alert("这是函数jiSuan");
    }
    //调用函数
    jiSuan();

function是定义函数,并不会执行,调用函数时才会寻找该函数名的定义内容。

JavaScript中函数的定义和调用先后顺序可以先写调用在写定义。

有参数的函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //有参数的函数
    function jiSuan(a,b){
        alert(a+b);
    }
    //调用函数
    jiSuan(3,5);

需要注意的是定义函数是的形参并不需要用var定义。

有返回值的函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    function jiSuan(a,b){
        return a+b;
    }
    //调用函数
    var c=jiSuan(3,5);
    alert(c);

返回值返回给调用函数,一般定义一个变量把返回值赋给变量。

补充:强类型语言中有默认值的函数,js不支持有默认值的函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    function jiSuan(a,b=2){
        alert(a+b);
    }
    //调用函数
    jiSuan(3);

JavaScript中的常用函数:

document.write(""); 输出语句

Math.random();获取0-1之间的随机数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    document.write(Math.random());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    document.write(parseInt(Math.random()*10));

日期时间类函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    document.write(Date());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前时间戳
    document.write(d.getTime());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前年份
    document.write(d.getFullYear());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前月份,注意这里需要+1
    document.write(d.getMonth()+1);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前几号
    document.write(d.getDate());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前几时
    document.write(d.getHours());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前几分
    document.write(d.getMinutes());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前几秒
    document.write(d.getSeconds());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前星期几
    document.write(d.getDay());
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取当前时间
    var d=new Date();
    //获取当前几毫秒
    document.write(d.getMilliseconds());

数学类函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //向上取整
    document.write(Math.ceil(3.5));
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //向下取整
    document.write(Math.floor(3.5));
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //取绝对值
    document.write(Math.abs(-2));
    //四舍五入
    document.write(Math.round(5.5));
    //返回最高值
    document.write(Math.max(5,7));
    //返回最低值
    document.write(Math.round(5.7));
    //返回两个数的次幂
    document.write(Math.pow(5.7));
    //返回平方根
    document.write(sqrt.round(5));

字符串函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var str="hello world";
    var s="l";
    //返回字符在字符串中第一次出现的位置
    document.write(str.indexOf(s));
    //返回指定位置的字符
    document.write(str.charAt(0));
    //返回字符在字符串中最后一次出现的位置
    document.write(str.lastIndexOf(s));
    //截取字符串
    document.write(str.substring(1,3));
    //截取字符串相应的长度
    document.write(str.substr(1,3));
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var str="hello world";
    //替换相应字符串
    str=str.replace("hell","^^");
    document.write(str);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var str="hello world";
    //替换所有相应字符串
    str=str.replace(/l/g,"^^");
    document.write(str);
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //split拆分字符串,通过将字符串划分成子串,将一个字符串做成一个字符串数组。
    var str="hello world";
    var arr=str.split(" ");

如上字符串"helllo world"会被空格拆分成数组,第一个值hello,第二个值world

其他:

length 属性  返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。

toLowerCase 将整个字符串转成小写字母。 var lower_string = a.toLowerCase(); //lower_string = "hello"

toUpperCase 将整个字符串转成大写字母。 var upper_string = a.toUpperCase(); //upper_string = "HELLO"

search 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。 var index1 = a.search(re); //index1 = 0 var index2 = b.search(re); //index2 = -1

补充:

变量名的命名规范:一般以字母开头,一般都用小写字母,尽量不出现特殊符号

函数名的命名规范:驼峰法,首字母小写,其他每个单词首字母大写

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-06-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript学习笔记
【如果大家对程序员,web前端感兴趣,想要学习的,关注一下小编吧。加群:731771211。免费赠送web前端系统的学习资料!!前端学习必备公众号ID:mtbcxx】
一墨编程学习
2018/09/14
1.7K0
javascript面向对象
对象的属性名没有任何的要求,不需要遵守表示符的规范,但是尽量按照表示符的要求去写。
OY
2022/02/21
7020
javascript入门
入门程序 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>JS入门——helloworld</title> <!-- JavaScript[JS]代码,包含在一对script标签中 script标签可以出现在网页中的任何一个位置 --> <scr
周小董
2019/03/25
8600
系统学习javaweb-06-javascript
parseFloat() 整数字符串仍转换为整数 IsNaN (is not a muber)不是数字返回true,是数字返回false
csxiaoyao
2019/02/20
1K0
Javascript中String对象的的简单学习
第十一课 String对象介绍 1:属性     在javascript中可以用单引号,或者双引号括起来的一个字符当作     一个字符对象的实例,所以可以在某个字符串后再加上.去调用String  
别先生
2017/12/29
1.2K0
Javascript中String对象的的简单学习
前端语言基础【第二篇:JavaScript】
在js里面需要获取到input里面的值,如果把script标签放到head 里面会出现问题。
BWH_Steven
2019/08/19
2.4K0
JavaWeb——JavaScript精讲之ECMAScript标准(基本语法、JavaScript对象)
JavaScript不同于HTML、CSS,其是一种客户端脚本语言,运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎。其是脚本语言,不需要编译,直接可以被浏览器解析执行。
Winter_world
2020/09/25
9340
JavaWeb——JavaScript精讲之ECMAScript标准(基本语法、JavaScript对象)
Javascript(1)-js入门
这里主要指字符串的各种函数 str.length() 获取字符串长度 str.charAt(index)获取指定位置的字符 str.indexOf(char)获取指定字符在字符串中出现的位置 str.lastIndexOf(char)获取指定字符在字符串中最后出现的位置 str.substring(start, end)截取字符串 str.slice(start, end)截取字符串
Python攻城狮
2018/08/23
1.3K0
Javascript(1)-js入门
JAVA保姆式上手教程之JAVAWEB day01-js基础
用户9184480
2024/12/13
460
python web开发 JavaScript基础
同c++,if和if ... else和if ... else if ... else
Michael阿明
2022/01/07
5900
python web开发 JavaScript基础
JavaScript中的函数、对象
JS中的函数 声明方式 方式一 function 函数名(){ 函数体 } 方式二 var 函数名=function(){ 函数体 } 方式三 var 函数名=new
时间静止不是简史
2020/07/24
2.7K0
JavaScript中的函数、对象
html & CSS & JavaScript的学习
一、HTML 1. 概念: 是最基础的网页开发语言 * Hyper Text Markup Language 超文本标记语言 * 超文本: * 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 * 标记语言: * 由标签构成的语言。<标签名称> 如 html,xml * 标记语言不是编程语言 2. 快速入门: * 语法: 1. html文档后缀名为.html或者 .htm 2. 标签分为:
Rochester
2020/09/01
6K0
javaScript学习笔记(一)js基础
JavaScript是目前web开发中不可缺少的脚本语言,js不需要编译即可运行,运行在客户端,需要通过浏览器来解析执行JavaScript代码。
全栈程序员站长
2022/09/15
2.7K0
javaScript学习笔记(一)js基础
JavaScript 入门(上)
[HTML入门与进阶以及HTML5] [CSS] [JS-上] [JS-下] [jQuery] [Node.js + Gulp 知识点汇总] [MongoDB + Express 入门及案例代码] [Vue项目开发-仿蘑菇街电商APP]
Twcat_tree
2022/12/05
6070
JavaScript 入门(上)
Javascript提升阶段学习
JavaScript 1:javascript简介   JavaScript是一种脚本语言,能实现网页内容的交互显示,当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互
别先生
2017/12/29
1.3K0
JavaScript的使用前言
JavaScript作为使用得最多的脚本语言,可以说是无处不在。所有主流浏览器都支持JavaScript。目前,全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。 作为后台程序员的我们,JavaScript也是必备的。接下来就一起来学习一下JavaScript,感受它的魅力!
贪挽懒月
2018/10/09
2.7K0
JavaScript的使用前言
JavaScript基础
一 JavaScript的基础 1.1 JS的引入方式 1 直接编写 <script> alert('hello yuan') </script> 2 导入文件 <script src="hello.js"></script> 1.2 JS的变量、常量和标识符 1.2.1 JS的变量 1 2 3 x=5 y=6 z=x+y 在代数中,我们使用字母(比如 x)来保存值(比如 5)。通过上面的表达式 z=x+y,我们能够计算出 z
用户1214487
2018/01/24
2.1K0
JavaScript基础
前端学习之JavaScript
尽管 ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:
超蛋lhy
2018/08/31
1.7K0
前端学习之JavaScript
万字长文带你走进 JavaScript 的世界
   JavaScript 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发 Web 页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。    ♞ 1992年,Nombase 公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 : C-- ,后来更名为:ScriptEase    ♞ 1995年,Netscape(网景) 公司,开发了一门客户端脚本语言:LiveScript。后来,请来 SUN 公司的专家,修改 LiveScript,命名为 JavaScript    ♞ 1996年,微软抄袭 JavaScript 开发出 JScript 语言    ♞ 1997年,ECMA(欧洲计算机制造商协会),制定出客户端脚本语言的标准:ECMAScript,统一了所有客户端脚本语言的编码方式。
Demo_Null
2020/09/28
1.3K0
万字长文带你走进 JavaScript 的世界
JavaScript 前端知识点总结
Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.
王瑞MVP
2022/12/28
2.5K0
相关推荐
JavaScript学习笔记
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文