javascript之函数


学习要点:

  函数的介绍

  函数的参数

  函数的属性和方法

  系统函数

一、函数的介绍

  1.函数就是一段javascript代码。可以分为用户自定义函数和系统函数。

    如果一个函数是javascript内置的函数,就称为系统函数。如果函数是自己编写的函数,就是自定义函数。

  2.在javascript用function来定义一个函数。function 函数名(参数1,参数2,...){<语句块>  return 返回值} (PS:return语句可以省略)

  3.函数的嵌套定义,只能出现在函数中,不能出现在选择语句或循环语句中。

  4.除了使用function语句定义函数,还可以使用Function()构造函数来定义函数。语法代码如下:

  var 函数名=new Function(”参数1“,”参数2“,...,”函数体“);如:var mySum=new Function("x",”y","return x+y");

  ps:Function()构造函数和function语句定义函数的区别:

    Function()构造函数可以动态定义和编译函数,而function语句只能预编译函数。在每次调用Function()构造函数定义的函数时,javascript都要去编译一次该函数。因此,对于经常使用的函数,应避免使用Function()构造函数来定义函数。

  还可以在表达式中定义函数:var 函数名=function(参数1,参数2,...){函数体}; 如:var mySum=function(x,y){return x+y};

二、函数的参数

   1.传递的参数类型和函数中所需要的数据类型不符

function myFun(x,y)
{
var z=x*y;return z;
}
document.write(myFun(2,4)+"<br>");//
document.write(myFun(2,"s")+"<br>");//NaN

  2.传递的参数个数与函数定义的参数个数不匹配

  如果传递的参数个数小于函数定义的参数个数,会将多余的参数值设为undefined。如果传递的参数个数大于函数定义的参数个数,多余的参数将会被忽略掉。

  3.在javascript中,提供了一个arguments对象,该对象可以获取实际传递过来的参数,并将这些参数放在arguments[]数组中。

   argements对象除了可以判断实际传递的参数个数,还可以获取实际传递参数的值。

   ps:虽然arguments可以作为数组来使用,但是arguments并不是一个数组,而是一个对象。

三、函数的属性和方法

  函数也是一个对象,也拥有自己的属性和方法。

  1.length属性:获取函数定义参数个数。

   arguments对象拥有一个callee属性,该属性的作用是引用当前正在执行的函数。

     arguments.length(获取实际参数个数)    与   arguments.callee.length(获取函数定义个数)

  2.prototype属性:引用原型对象

function pen(color,price)
{
this.color=color;
this.price=price;
}
var pen1=new pen("红色",21);
pen.prototype.name="钢笔”;
document.write("笔的颜色是:“+pen1.color+"<br>"); //红色
document.write("笔的价格是:“+pen1.price+”<br>"); //
document.write("笔的名称是:“+pen1.namer+"<br>");//钢笔

四、系统函数

  1.编码函数escape():将字符串中的非文字、数字的字符如&、%、$转换成相应的ASCII码值。

  2.解编码函数unescape():将ASCII码的文字转换为一般文字。

  3.求值函数eval():将字符串指定为对象。

function pen(color,price)
{
this.color=color;
this.price=price;
}
var pen1=new pen("红色",21);
var pen2=new pen("蓝色",20);
var pen3=new pen("粉色",21);
for(i=1;i<4;i++){
var penx=eval("pen"+i);
document.write("笔的颜色是:“+penx.color+"<br>");
document.write("笔的价格是:“+pen1.price+”<br>");
}

  4.数值判断函数isNaN():判断变量是否为数值型变量。

  5.parseInt():将数据转换为整数。在将二进制、八进制、十六进制转化为十进制。其中,二、八、十六进制数据必须是字符串型。

  6.parseFloat():将字符串数据转换为浮点数。

  

  

  


javascript基础学习(五)的更多相关文章

  1. JavaScript基础学习(五)—其他引用类型

         JavaScript定义了两个内置对象: Global和Math. 一.Global对象 1.URI编码方法      Global对象的encodeURI()和encodeURICompo ...

  2. JavaScript 基础学习1-day14

    JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...

  3. 48.javascript基础学习

    javascript基础学习:   http://www.w3school.com.cn/jsref/index.asp jS的引入方式: 1.行间事件:为某一个具体的元素标签赋予js内容,oncli ...

  4. JavaScript 基础学习(二)js 和 html 的结合方式

    第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入 ...

  5. Python基础学习五

    Python基础学习五 迭代 for x in 变量: 其中变量可以是字符串.列表.字典.集合. 当迭代字典时,通过字典的内置函数value()可以迭代出值:通过字典的内置函数items()可以迭代出 ...

  6. JavaScript 基础 学习 (四)

    JavaScript 基础 学习 (四) 解绑事件 dom级 事件解绑 ​ 元素.on事件类型 = null ​ 因为赋值的关系,所以给事件赋值为 null 的时候 ​ 事件触发的时候,就没有事件处理 ...

  7. JavaScript 基础 学习(三)

    JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ...

  8. JavaScript 基础 学习 (二)

    JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeT ...

  9. JavaScript 基础 学习 (一)

    JavaScript 基础 学习 获取页面中的元素的方法 作用:通过各种方式获取页面中的元素 ​ 比如:id,类名,标签名,选择器 的方式来获取元素 ​ 伪数组: ​ 长的和数组差不多,也是按照索引排 ...

  10. 几张非常有意义的JavaScript基础学习思维图

    分享几张对于学习JavaScript基础知识非常有意义的图,无论你的JavaScript级别如何,“温故而知新”完全可以从这些图中得到. 推荐理由:归类非常好,非常全面 JavaScript 数组 J ...

随机推荐

  1. android gradle 多渠道打包

    buildscript { repositories { mavenCentral() } dependencies { classpath 'com.android.tools.build:grad ...

  2. JAVA基础知识点(转载的)

    转载请注明出处:http://blog.csdn.net/ns_code/article/details/8846697 1.使用浮点型数值时,默认的类型是double,后面加上f或F才被识别为flo ...

  3. PuTTY DSA签名远程缓冲区溢出漏洞(CVE-2013-4207)

    漏洞版本: Simon Tatham PuTTY 0.52 - 0.63 漏洞描述: BUGTRAQ ID: 61649 CVE(CAN) ID: CVE-2013-4207 PuTTY是Window ...

  4. Selenium 处理模态对话框

    模态对话框的原理 模态窗口 点击下一步的动作为,聚焦到“下一步”,然后直接回车 driver.FindElement(By.CssSelector("div.rg_btn a")) ...

  5. Validate XML using a XSD (XML Schema)

    Consider this XML file howto.xml : <?xml version="1.0" encoding="ISO-8859-1"? ...

  6. hdoj 2187 悼念512汶川大地震遇难同胞——老人是真饿了【贪心部分背包】

    悼念512汶川大地震遇难同胞——老人是真饿了 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/O ...

  7. spark-streaming-kafka包源码分析

    转载请注明原创地址 http://www.cnblogs.com/dongxiao-yang/p/5443789.html 最近由于使用sparkstreaming的同学需要对接到部门内部的的kafk ...

  8. XSS 简单理解

    什么是XSS? XSS(Cross Site Scripting),即跨站脚本攻击,是一种常见于web application中的计算机安全漏洞.XSS通过在用户端注入恶意的可运行脚本,若服务器端对用 ...

  9. 【Android - MD】之NavigationView的使用

    NavigationView是Android 5.0新特性--Material Design中的一个布局控件,可以结合DrawerLayout使用,让侧滑菜单变得更加美观(可以添加头部布局). Nav ...

  10. vs2012关闭IDE硬件加速设置

    对于我这样的老古董电脑是很有必要的设置! 如图所示: