javascript基础学习

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基础学习相关的知识,希望对你有一定的参考价值。

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>");//8
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>");  //21
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基础学习的主要内容,如果未能解决你的问题,请参考以下文章

jQ选择器学习片段(JavaScript 部分对应)

201555332盛照宗—网络对抗实验1—逆向与bof基础

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器