js基础——函数

1、函数声明:通过函数可封装任意多条语句,且可在任意地方、任何时候调用执行。

eg. function box(){//无参函数

alert("只有函数被调用,我才会被执行");

}

box(); //直接调用函数

eg.  function box(name,age){//带参函数

alert("姓名:"+name+",年龄:"+age);

}

box("张三",19);//传参调用函数

2、return返回值:带参或不带参的函数都没有定义返回值,而是调用函数直接执行。事实上任何函数都可通过return语句跟后面要返回的值来实现返回值。

eg. function box(){//无参函数

return("我被返回了");

}

alert(box()); //直接调用函数得到返回值并输出

eg.  function box(name,age){//带参函数

return("姓名:"+name+",年龄:"+age);

}

alert(box("张三",19));//传参调用函数得到返回值并输出

eg. function box(num1,num2){//函数将返回值赋给变量,通过变量进行操作

return num1 * num2;

}

var num = box(10,5);//函数得到的返回值赋给变量

alet(num);//50

eg. function box(num){//此处的return可退出当前函数

if( num < 5) return num; //满足条件才返回num,此时num=10,不会小于5,所以返回100

return 100;  //第一个操作数为false,直接返回地二个操作数。

}

alert(box(10)); //100

3、arguments对象:通过该对象接受传递过来的参数,不论多少也不论是否统一

eg. function box(){

return arguments[0]+‘|‘[+arguments[1]];//得到每次参数的值 1|2

}

alert(box(1,2,3,4,5,6));//传递参数后结果是 1|2

eg. function box(){

return arguments.length;//length属性得到参数数量6

}

alert(box(1,2,3,4,5,6));

eg.length属性扩展运用

function box4() {

var sum = 0;

if (arguments.length == 0) return sum;//若是没有参数,直接退出函数

for (var i = 0; i < arguments.length; i++) {//如果有参数就循环叠加,最后输出总和

sum = sum + arguments[i];

}

return sum;

}

alert(box4(2,6,9));//17

eg.  function box5(su) {

return su + 100;

}

function box5(su) { //会执行这个函数,没有函数重载功能

return su +50;

}

alert(box5(150));//200

eg1. var getName = function(){

alert(1);

}

function getName(){

alert(2);

}

getName();//1

对比

eg2.  function getName(){

alert(2);

}

var getName = function(){

alert(1);

}

getName();//1

eg1.和eg2.两次结果都是1说明声明式函数会被提前声明和定义,且在执行过程中可重新赋值

原文地址:https://www.cnblogs.com/LindaBlog/p/10974004.html

时间: 2024-11-09 03:06:08

js基础——函数的相关文章

JS基础——函数的创建和使用

在JS中函数在使用时实质上和我们平时学习的编程语言中的函数类似,它同样也具有函数名,参数,返回值,函数体等这些平常函数所具有的内容.但是作为一种脚本语言,它确实也有自己不一样的地方. 一.创建 <span style="font-size:18px;">function box(){ //利用function关键字进行声明+函数名+(可添加参数)+{具体执行内容,可包括返回值} return 'hello!'; }</span> 在这里,我们需要知道的是,box

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func

JavaScript基础一(js基础函数与运算符)

[使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</button> >>>不符合w3c关于内容与行为分离的要求 2.在HTML页面中使用<script></script>包裹js代码 <script type="text/javascript"> js代码 </script> &

JS基础及函数

一.JS基础 1.算法及流程图         解决问题的步骤或程序. 特性:          明确性: 算法对每一个步骤都有确切的,非二性的规定.         有效性: 算法的每一个步骤都能够通过基本运算有效地执行,并得到确定的结果.         有限性: 算法由有限的步骤组成. 分类:算术算法.事务性算法     2.流程图         即算法的一种图形解方法.         特点:顺序结构.选择结构.循环结构     3.JS基础内容     引入JavaScript方式:

js基础知识总结:函数

函数内部的属性: arguments 和this是函数内部的两个特殊对象 arguments: function recursion(num){ if(num<=1){ return 1; }else{ return num*recursion(num-1); } } 另一种写法: function recursion(num){ if(num<=1){ return 1; }else{ return num*arguments.callee(num-1); } } arguments:表示当

JS基础-运算符-函数

1.运算符  1.赋值运算符和扩展运算符    1.赋值运算符 =    2.扩展运算符      +=,-=,*=,/=,%=,^=....      ex:        a=a+b;--> a+=b; a=a+1;--> a++,a+=1,++a      实现两个数字的换位:        a^=b; b^=a; a^=b;  2.条件运算符    条件运算符又称三目运算符.    单目(一元)运算符,只需要一个操作数或表达式.     ex:++,--,!    双目(二元)运算符,

JS 基础之 函数

1.Js中函数的定义:  function fn1(){...}  或者 var fn1 = function(){...}   或者  var fn1 = new Function("num1","num2","alert(num1+num2)"); JS 中函数 是一个 特殊的对象,是Function对象的实例,当函数定义完毕后,会在内存中 如果 函数 中 有 return 语句,执行完 return语句后 会立即退出, return后面的语

【 js 基础 】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留