JavaScript中的函数、对象

简介: 介绍冠以JavaScript中的函数、对象的相关知识点(图文并茂)

JS中的函数

声明方式

方式一
function 函数名(){

       函数体
}

在这里插入图片描述

方式二
var 函数名=function(){

        函数体
 }

在这里插入图片描述
方式三
var 函数名=new Function("函数体");
在这里插入图片描述

函数参数传递

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

  function  demo4(a,b){
   console.log(a+"...."+b);    
   }
    demo4(1,2);//1....2
    demo4(1);//1....undefined
    demo4(1,2,3);//1....2

执行方式

函数名();

JS中的对象

类似Java中的一些系统预设好的类

日期对象

  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 />");
                    //返回全年2019
                    document.write(date.getFullYear()+"<br />");
                    //2019年3月27日 下午5:35:02:返回本地的时间
                    document.write(date.toLocaleString()+"<br />");
                }
                testDate();

2、数学对象

  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();

3、String对象

 function testString(){
                    var a="b-j-s-x-t";
                    var b=new String("bjsxt");
                    
                    /*String对象的学习*/
                    //返回指定下标的内容
                    document.write(b.charAt(2)+"<br />");
                    //获取指定内容的下标
                    document.write(b.indexOf("s")+"<br />");
                    //字符串截取(截取下标,截取长度)
                    document.write(b.substr(2,3)+"<br />");
                    document.write(b.substr(1)+"<br />");
                    //字符串截取[开始下标,结束下标),不包后
                    document.write(b.substring(2,3)+"<br />");
                    document.write(b.substring(2)+"<br />");
                    //带符号字符串截取的方法
                    document.write(a.split("-")+"<br />"+"<br />");    
                }
                testString();

在这里插入图片描述

4、Global对象

 function testGlobal(){
                    var a=1;
                    var b="var c=1+1";
                    document.write(a+"<br />");
                    document.write(b+"<br />");
                    //document.write(c+"<br />");//无显示
                    
                    //将字符串转换成可执行的代码
                    eval(b);
                    document.write(c+"<br />");
                    
                    var d="123a";
                    document.write(isNaN())
                    }
                testGlobal();

在这里插入图片描述

5、数组对象

数组三种声明方式

        //方式一
        var   arr=new  Array();
        //方式二   5代表数组的长度
        var  arr2=new  Array(5);
        //方式三
          var  arr3=new  Array("你好",123,new String(),true);

数组扩容

相关代码:

 function  demo3(){          
            var  arr=["bjsxt",123,new Date(),false];
            console.log(arr.length);
            //扩大数组   empty      
            //arr.length=10;
            //缩小数组
            arr.length=2;
            console.log(arr);
            }
            demo3();

在这里插入图片描述

数组减小

在这里插入图片描述

数组遍历的两种方式

    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]);
                }        
               }
               demo4();

数组常用方法:

Push:向数组的末尾添加一个或更多元素,并返回新的数组。
Pop:删除数组最后一个元素
Shift:删除数组第一个元素
Unshift: 向数组的开头添加一个或更多元素,并返回新的数组。
Splice: 删除的含义 开始删除的下标 删除的个数
    function  demo5(){
             var  arr=["bjsxt",123,new Date(),false];
                 console.log(arr);
                 //var  le= arr.push("我们");
                 // var le= arr.pop();
                 //arr.shift();
                 //arr.unshift("sxt");
                 //arr.splice(1,2);
                 //添加的含义   添加的下标   0:删除元素的个数    添加的元素
                 arr.splice(1,0,"你好");
                 console.log(arr);
             }
             demo5();
相关文章
|
9天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
13天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
13天前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
25 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
12天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
13天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
26天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
28天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
1月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
37 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
16 2