2. it
  3. Day040JavaScript(2)

Day040JavaScript(2)

mac2025-08-09  17

第7节 JS 中函数的声明

函数声明的三种形式

(1) function 函数名（） { 函数体 }

(2) var 函数名=function(){ 函数体 }

(3) var 函数名=new Function( "函数体" )；

函数参数传递 ​

在js中实参的个数和形参的个数可以不一致

函数的返回值 ​

如果函数没有return 这时候返回 undefined():函数执行符

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /*****【1】函数声明的方式***********************/ //方式一 function demo1(){ alert("函数声明一"); } //方式二 var demo2= function(){ alert("函数声明二"); } //方式三 (函数本身也是一个对象) 了解 var demo3=new Function("alert('我是函数声明三')"); // demo3(); // demo1(); /*************函数中参数传递************************/ function demo4(a,b){ console.log(a+"...."+b); } /* demo4(1,2);//1....2 demo4(1);//1....undefined demo4(1,2,3);//1....2*/ /**************函数的返回值**************************/ function demo5(a){ console.log("参数值："+a()); return a; } // alert(demo5(5)); var a=function(){ console.log("我是函数a"); }; demo5(a); </script> </head> <body> </body> </html> <!-- 函数声明的三种形式 （1） function 函数名（）{ 函数体 } (2) var 函数名=function(){ 函数体 } (3) var 函数名=new Function("函数体")； 函数参数传递 在js中实参的个数和形参的个数可以不一致 函数的返回值 如果函数没有return 这时候返回 undefined ():函数执行符 -->

第8节 常用对象 1

Date 日期对象

//本月中的第几天

document.write(date.getDate()+" ");

//本星期的第几天

document.write(date.getDay()+" ");

//返回的月份 0-11

document.write(date.getMonth()+" ");

//返回的是1900年到现在年份的差值2018-1900

document.write(date.getYear()+" ");

//返回全年2018

document.write(date.getFullYear()+" ");

//2018/6/22 下午12:17:14:返回本地的时间

document.write(date.toLocaleString()+" ");

Math 对象学习

//获得随机数

//随机数范围是0-1

var ran=Math.random()1000; console.log(ran);

//向下取整

756.9714434215177 ==756 console.log(Math.floor(ran));

//向上取整

398.06376470341377==398 console.log(Math.ceil(ran));

//获得4位随机数--验证码

console.log(Math.floor(Math.random()9000+1000) );

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /***********日期对象*****************/ function testDate(){ var date=new Date(); //本月中的第几天 document.write(date.getDate()+"<br />"); //本星期的第几天 document.write(date.getDay()+"<br />"); //返回的月份 0-11 document.write(date.getMonth()+"<br />"); //返回的是1900年到现在年份的差值2018-1900 document.write(date.getYear()+"<br />"); //返回全年2018 document.write(date.getFullYear()+"<br />"); //2018/6/22 下午12:17:14:返回本地的时间 document.write(date.toLocaleString()+"<br />"); } /***********数学对象*****************/ function testMath(){ //获得随机数 //随机数范围是0-1 var ran=Math.random()*1000; console.log(ran); //向下取整 756.9714434215177 ==756 console.log(Math.floor(ran)); //向上取整 398.06376470341377==398 console.log(Math.ceil(ran)); //获得4位随机数--验证码 console.log(Math.floor(Math.random()*9000+1000) ); } testMath(); </script> </head> <body> </body> </html> ​

第9节 常用对象学习 2

String 对象学习

var a="b-j-s-x-t"; var b=new String("bjsxt");

//获得下标为2的内容

document.write(b.charAt(2)+" ");

//2 :获得下标 document.write(b.indexOf("sxt")+" ");

//字符串截取 开始下标 截取长度

document.write(b.substr(2,3)+" ");

// 截取开始的长度

document.write(b.substr(1)+" ");

//字符串截取 开始下标 结束的下标

document.write(b.substring(2,3)+" ");

//开始下标

document.write(b.substr(2)+" ");

//字符串截取的方法

document.write(a.split("-"));

Global 对象

var a=1; var b="var c=1+1";

document.write(a+" ");

document.write(b+" ");

//把字符串转成可以执行的js的代码

eval(b);

document.write(c+" ");

var d="123a"; Number(d);

//NAN

// 检查某个值是否是数字。

document.write(isNaN(d));

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /************String对象学习**************/ function testString(){ var a="b-j-s-x-t"; var b=new String("bjsxt"); //获得下标为2的内容 document.write(b.charAt(2)+"<br />"); //2 :获得下标 document.write(b.indexOf("sxt")+"<br />"); //字符串截取 开始下标 截取长度 document.write(b.substr(2,3)+"<br />"); // 截取开始的长度 document.write(b.substr(1)+"<br />"); //字符串截取 开始下标 结束的下标 document.write(b.substring(2,3)+"<br />"); //开始下标 document.write(b.substr(2)+"<br />"); //字符串截取的方法 document.write(a.split("-")); } /***************Global对象学习********/ function testGlobal(){ var a=1; var b="var c=1+1"; document.write(a+"<br />"); document.write(b+"<br />"); //把字符串转成可以执行的js的代码 eval(b); document.write(c+"<br />"); var d="123a"; Number(d);//NAN // 检查某个值是否是数字。 document.write(isNaN(d)); } testGlobal(); </script> </head> <body> </body> </html> ​

第10—11节 数组学习

数组的声明方式

function demo1(){

//方式一

var arr=new Array();

//方式二 5代表数组的长度

var arr2=new Array(5);

console.log(arr2);

//方式三

var arr3=new Array("你好",123,new String(),true);

console.log(arr3);

//方式四 var arr4=["bjsxt",123,new Date(),false];

}

数组的使用

function demo2(){

var arr=[]; arr[0]="李时珍的皮";

arr[1]=true; arr[2]=new Date();

arr[6]=12;

//js中数组的下标可以不连续 如果没有给值就是empty

console.log(arr);

}

数组的扩容

function demo3(){

var arr=["bjsxt",123,new Date(),false]; console.log(arr.length);

//扩大数组

empty arr.length=10;

//缩小数组

arr.length=2;

console.log(arr);

}

数组的遍历

function demo4(){

//方式一

var arr=["bjsxt",123,new Date(),false]

; for(var i=0;i<arr.length;i++){

console.log(arr[i]);

}

//方式二 i:是数组的下标

for(var i in arr){ console.log(arr[i]);

} }

数组中常用的方法

function demo5(){

var arr=["bjsxt",123,new Date(),false];

console.log(arr);

//向数组的末尾添加一个或更多元素，并返回新的长度。

arr.push("我们");

// 删除并返回数组的最后一个元素

arr.pop();

//向数组的开头添加一个或更多元素，并返回新的长度。

arr.unshift("你好");

//移除第一个元素

arr.shift();

// 删除开始的下标 删除的个数

arr.splice(1,2)

//添加的操作

arr.splice(1,0,"你") }

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> /*********数组的声明方式*****************/ function demo1(){ //方式一 var arr=new Array(); //方式二 5代表数组的长度 var arr2=new Array(5); // console.log(arr2); //方式三 var arr3=new Array("你好",123,new String(),true); console.log(arr3); //方式四 var arr4=["bjsxt",123,new Date(),false]; } /*********数组的使用**************/ function demo2(){ var arr=[]; arr[0]="李时珍的皮"; arr[1]=true; arr[2]=new Date(); arr[6]=12; //js中数组的下标可以不连续 如果没有给值就是empty console.log(arr); } /*******数组的扩容********************/ function demo3(){ var arr=["bjsxt",123,new Date(),false]; console.log(arr.length); //扩大数组 empty // arr.length=10; //缩小数组 arr.length=2; console.log(arr); } /******数组的遍历******************/ function demo4(){ //方式一 var arr=["bjsxt",123,new Date(),false]; for(var i=0;i<arr.length;i++){ console.log(arr[i]); } //方式二 i:是数组的下标 for(var i in arr){ console.log(arr[i]); } } /********数组中常用的方法*********************/ function demo5(){ var arr=["bjsxt",123,new Date(),false]; console.log(arr); //向数组的末尾添加一个或更多元素，并返回新的长度。 //arr.push("我们"); // 删除并返回数组的最后一个元素 // arr.pop(); // 向数组的开头添加一个或更多元素，并返回新的长度。 // arr.unshift("你好"); //移除第一个元素 // arr.shift(); // 删除开始的下标 删除的个数 // arr.splice(1,2) //添加的操作 arr.splice(1,0,"你"); console.log(arr); } demo5(); </script> </head> <body> </body> </html> ​

最新回复(0)