JavaScript基本语法

Posted 2020-08-07 ly婠婠

一、     javascript 函数

1、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。我们可以将一些常用的代码封装成函数，待用到的时候就能直接调用使用。利用函数可以使代码的组织结构更清晰。

函数语法：

函数就是包裹在花括号中的代码块，前面使用了关键词 function，function 后的是函数名，由用户自己定义。最好是能表达函数功能的词。

function functionname()
{
执行代码
}

注：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

2、带参数的函数：

在调用函数时，可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。可以发送任意多的参数，由逗号 (,) 分隔：

myFunction(argument1,argument2)

当声明函数时，请把参数作为变量来声明：

function myFunction(var1,var2)
{
代码
}

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。例子如下：

function sum (a,b){  //声明函数

              var sum=a+b;

              alert(sum;)

           }

           sum(2,3);  //调用函数sum,2的值传进a,3的值传进b，输出结果为5

3、带返回值的函数

有时，我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

语法

function myFunction()
{
var x=5;
return x;
}

上面的函数会返回值 5。

注： 整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

若仅仅希望退出函数时，也可以使用return语句，返回值是可选的。

语法

function myFunction()
{
var x=5;
return x;
}

上面的函数会返回值 5。

注意： 整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。在JavaScript中，不一定要指定返回值。

二、变量的作用域

变量既可以是全局，也可以是局部的。

1、全局变量：可以在脚本中的任何位置被引用，一旦你在某个脚本里声明了全局变量，你就可以在这个脚本的任何位置（包括函数内部）引用它，全局变量的作用域是整个脚本;

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

2、局部变量：只存在于对它做出声明的函数内部，在函数的外部无法相用它，局部变量的作用域，仅限于函数内部;

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

var global = "global";  //全局变量

function test(){  //函数

　　var local="local"; //局部变量

　　global2="global2"; //全局变量

}

注:在函数 外 用 var 声明的变量或者定义在函数当中，但是没有用var声明的是全局变量。定义在函数当中，用var声明的是局部变量

三、   JavaScript 内部函数

在javascript中有一些功能是很常用的，它们以全局函数的形式提供给用户，这些函数称为内部函数。下面列出几个说明：

1、eval（） 接受一个字符串类型的参数，将这个字符串作为代码在上下文环境中执行，并返回执行的结果;例子如下：

var i = 1;

  eval(“i = i + 1”);

  eval(“alert(i);”);

  执行结果为：弹出警告框，值为2.

2、parseInt 和 parseFloat 将字符串转换为数字

parseInt定义：

parseInt() 函数可解析一个字符串，并返回一个整数。

当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。

当忽略参数 radix , JavaScript 默认数字的基数如下:

• 如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。
• 如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
• 如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

语法：

parseInt(string, radix)；

参数	描述
string	必需。要被解析的字符串。
radix	可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。

注：

只有字符串中的第一个数字会被返回。

开头和结尾的空格是允许的。

如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

在字符串以"0"为开始时旧的浏览器默认使用八进制基数。ECMAScript 5，默认的是十进制的基数。

例：

document.write(parseInt("10") + "<br>");
document.write(parseInt("10.33") + "<br>");

document.write(parseInt("0x10")+ "<br>");

输出：

10
10

16

parseFloat定义：

parseFloat()函数可解析一个字符串，并返回一个浮点数。

该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

注：

字符串中只返回第一个数字。

开头和结尾的空格是允许的。

如果字符串的第一个字符不能被转换为数字，那么parseFloat() 会返回 NaN。

3、escape 和 unescape    进行URL编码和解码

例：

    var url = “http://www.baidu.com/s?name=小米”;

    url = escape(url);//编码

    alert(url);

    alert(unescape(url)); //解码

utf-8 编码：多国语言编码

GB2312/GBK:中文简体

四、    对象

JavaScript 中的所有事物都是对象：字符串(String)、数字(Number)、数组(Array)、日期(Date)，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

1、日期对象Date。日期对象用于处理日期和时间。

可以通过 new 关键词来定义 Date 对象。

Date对象的方法:

myDate.getFullYear();    //获取完整的年份(4位,1970-????)

myDate.getMonth();       //获取当前月份(0-11,0代表1月)

myDate.getDate();        //获取当前日(1-31)

myDate.getDay();         //获取当前星期X(0-6,0代表星期天)

myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)

myDate.getHours();       //获取当前小时数(0-23)

myDate.getMinutes();     //获取当前分钟数(0-59)

myDate.getSeconds();     //获取当前秒数(0-59)

myDate.getMilliseconds();    //获取当前毫秒数(0-999)

myDate.toLocaleDateString();     //获取当前日期

var mytime=myDate.toLocaleTimeString();     //获取当前时间

myDate.toLocaleString();        //获取日期与时间  

如下例子:

var myDate=new Date();//创建一个Date对象myDate

var   year=myDate.getFullYear();//调用getFullYear()方法获取年份

var   month=myDate.getMonth();//获取获取当前月份(0-11,0代表1月)

var   day=myDate.getDate();//获取当前日(1-31)

var   hours=myDate.getHours();();  //获取当前小时数(0-23)

var   min=myDate.getMinutes();//获取当前分钟数(0-59)

var week=myDate.getDay(); //获取当前星期X(0-6,0代表星期天)

var weekday=[‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘,‘星期日‘];

alert("现在是:"+year+"年"+month+"月"+day+"日"+hours+":"+min+weekday[week]);

2.Math 对象

Math 对象用来处理复杂的数学运算。

Math对象是javascript的一个全局对象，不需要用new 创建

Math.abs(-2);           该方法可返回一个数的绝对值。

Math.round(5.5);      该方法可把一个数字舍入为最接近的整数。

Math.random();      该方法可返回介于 0（包含） ~ 1（不包含） 之间的一个随机数。

Math.ceil(1.4);         ceil()   方法返回大于等于x的最小整数。（取大整）结果为2

Math.floor(1.6);       floor() 方法返回小于等于x的最大整数。（取小整）结果为1

Math.pow(4,3);        pow() 方法返回 x 的 y 次幂。  （4的3次方）

例：

var a = Math.abs(-2); 

documrent.write(a);

输出结果为：2

3.Array 数组对象

（1）、定义数组的 3种方式

   var week = new Array();

   var week = new Array(‘星期一’ , ‘星期二, ‘星期三’);

   var week = (‘星期一’ , ‘星期二, ‘星期三’);

常用方法：

获取数组的长度 .length：

        alert(week.length);  

获取数组下标所对应的值：

        alert(week[0]);

（2）、数组元素的添加：

A、push() 添加到数组结尾，返回数组新长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

输出结果：Banana,Orange,Apple,Mango,Kiwi

B、unshift()添加到数组开始，数组中的元素自动后移，返回数组新长度。

例：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");

输出结果：Lemon,Pineapple,Banana,Orange,Apple,Mango

C、splice()将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。

语法：array.splice(index,howmany,item1,.....,itemX)

参数	描述
index	必需。规定从何处添加/删除元素。 该参数是开始插入和（或）删除的数组元素的下标，必须是数字。
howmany	必需。规定应该删除多少元素。必须是数字，但可以是 "0"。 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。
item1, ., itemX	可选。要添加到数组的新元素

例:

 var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");

输出结果：

Banana,Orange,Lemon,Kiwi,Apple,Mango

（3）、数组元素的删除

var del = ["aa",23,345,56,34,"bb"];

var del_last = del.pop();        //移除最后一个元素并返回该元素值

var del_first = del.shift();      //移除最前一个元素并返回该元素值，数组中元素自动前移

var del_arr = del.splice(0,2); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

document.write(del_arr);