• JavaScript学习(二)——基本对象


    JavaScript基本对象

    Function: 函数对象

    创建方法

    创建方法一:

    function 方法名称(形式参数列表){
    	方法体
    }
    
    • 1
    • 2
    • 3

    举例:

    function add(a, b) {
        alert(a+b);
    }
    add(1, 2);
    
    • 1
    • 2
    • 3
    • 4

    在这里插入图片描述

    创建方法二:

    var 方法名 = function(形式参数列表){
    	方法体
    }
    
    • 1
    • 2
    • 3

    举例:

    var add1 = function(a, b) {
        alert(a+b);
    }
    add1(5, 6);
    
    • 1
    • 2
    • 3
    • 4

    在这里插入图片描述

    特点

    1. 方法定义是,形参的类型不用写,返回值类型也不写。

      javascript是弱参数类型,如果写类型的话都为var,所以都不用写

    2. 方法是一个对象,如果定义名称相同的方法,会覆盖

    function add(a, b) {
        alert(a+b);
    }
    
    function add(a, b) {
        alert(a+b+b);
    }
    add(5, 6);
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    程序会运行第二个方法,5+6+6
    在这里插入图片描述

    1. 在JS中,方法的调用只与方法的名称有关,和参数列表无关
    function add(a, b) {
        alert(a+b);
    }
    add(5, 4, 3, 2, 1);
    
    
    • 1
    • 2
    • 3
    • 4
    • 5

    在这里插入图片描述

    1. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
    var add2 = function() {
        var sum = 0;
        for(i=0; i<arguments.length; i++) {
            document.write(arguments[i] +"
    "
    ); sum+=arguments[i]; } document.write(sum); } add2(1, 2, 3, 4, 5);
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    在这里插入图片描述

    Array:数组对象

    创建方式

    1. var arr = new Array(元素列表);
    2. var arr = new Array(默认长度);
    3. var arr = [元素列表];
    var arr1 = new Array(1,2 ,3);
    var arr2 = new Array(5);
    var arr3 = [2,4,6,8,0];
    
    document.write(arr1 +"
    "); document.write(arr2 +"
    "); document.write(arr3 +"
    ");
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7

    在这里插入图片描述

    特点

    1. 数组类型可变
    2. 数组长度可变

    数组的类型是可以变化的,元素可以是不同的类型

    var arr4 = [1, 2.4, "abc", false];
    document.write(arr4 +"
    "
    );
    • 1
    • 2

    即使数组的长度已经确定,还是可以访问长度之外的元素,数组会自动扩容

    var arr5 = new Array(3);
    arr5[3]=0;arr5[4]=false;
    document.write(arr5);
    
    • 1
    • 2
    • 3

    属性

    length:数组长度

    join():将数组按照传入的数据分隔,默认为逗号

    var arr6 = [1, 2.4, "abc", false];
    document.write(arr6.join("//") +"
    "
    );
    • 1
    • 2

    在这里插入图片描述

    push():向数组的末尾添加元素,返回数组的长度

    sort():对数组进行排序

    Boolean,Number,String

    boolean:bool类型封装,提供toString方法

    number:int类型封装

    Data

    var date = new Date();
    document.write(date+"
    "
    ); document.write(date.toLocaleString()+"
    "
    );
    • 1
    • 2
    • 3

    在这里插入图片描述

    toLocaleString():返回本地时间字符串格式

    getTime():获取当前时间对象与1970年1月1日毫秒值的差

    Math

    一些数学函数的封装

    使用

    无需创建,使用Math.方法名()即可使用

    属性

    PI

    document.write(Math.PI+"
    ")
    • 1

    方法

    random():返回0到1之间的随机数,左开右闭

    round():四舍五入

    ceil():向上取整

    floor():向下取整

    取0到99之间的随机整数:

    document.write(Math.floor((Math.random()*100)).toString());
    
    • 1

    RegExp:正则表达式

    可以定义字符串的组成规则

    1. 单个字符[a] [ab] [a-zA-Z0-9_]

      \d:单个字符[0-9]

      \w:单个单词字符 [a-zA-Z0-9_]

    2. 量词符号

      ?:出现0次或1次

      *:出现0次或多次

      +:出现1次或多次

      {m,n}:出现m到n次

      {,n}:最多n次

      {m,}:最少m次

    3. 开始结束符号

      ^ :开始

      $ :结束

    创建

    1. var reg = new RegExp(“正则表达式”);
    2. var reg = /正则表达式/

    方法

    test():判断字符串是否符合正则表达式

    Global

    全局方法,在任何js文件中都可以使用的方法

    parseInt()把字符串转化成Int类型的数

    parseFloat()

    eval()解析字符串执行语句

    var string = "document.write(123)";
    eval(string);
    
    • 1
    • 2
  • 相关阅读:
    数据化运营15 活跃(上):如何通过运营手法提升⽤户活跃度?
    项目管理之如何出道(上)
    790. 多米诺和托米诺平铺 : 简单状态机 DP 运用题
    1、Nio三大组件(channel-buffer)
    C#上位机序列9: 批量读写+事件广播+数据类型处理
    驱动开发1 概念、内核模块编程、内核消息打印函数printk函数的使用、内核模块传参、内核导出符号
    pip安装apex报错ERROR: Could not build wheels for cryptacular.......
    Leetcode680:验证回文串 ||
    CSS的盒子模型:掌握网页设计的基石!
    解码2022中国网安强星丨构建企业第一重“安全感”,联软科技以零信任重塑网络安全边界
  • 原文地址:https://blog.csdn.net/qq_41505957/article/details/126112036