JavaScript中的函数、对象

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

JS中的函数

声明方式

方式一
function 函数名(){

       函数体
}
AI 代码解读

在这里插入图片描述

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

        函数体
 }
AI 代码解读

在这里插入图片描述
方式三
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
AI 代码解读

执行方式

函数名();

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();
AI 代码解读

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();
AI 代码解读

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();
AI 代码解读

在这里插入图片描述

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();
AI 代码解读

在这里插入图片描述

5、数组对象

数组三种声明方式

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

数组扩容

相关代码:

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

在这里插入图片描述

数组减小

在这里插入图片描述

数组遍历的两种方式

    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();
AI 代码解读

数组常用方法:

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();
AI 代码解读
目录
打赏
0
0
0
0
91
分享
相关文章
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
80 19
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
【Java进阶】详解JavaScript的BOM(浏览器对象模型)
总的来说,BOM提供了一种方式来与浏览器进行交互。通过BOM,你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准,但大多数现代浏览器都实现了相似的功能,因此,你可以放心地在你的JavaScript代码中使用BOM。
117 23
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
124 32
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
86 1
JavaScript中对象的数据拷贝
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等