JavaScript之ECMA对象

ECMA对象

一、对象的概念

• 由ECMAScript定义的本地对象，独立于宿主环境的ECMAScript实体提供的对象(native object)；
• ECMAScript实现提供的、独立于宿主环境的所有对象，在ECMAScript程序开始执行时出现。意味着开发者不必明确实例化内置对象，它已被实例化了。ECMA-262只定义了两个内置对象，即Global和Math(它们也是本地对象，根据定义，每个内置对象都是本地对象)。(built-in object)；
• 所有非本地对象都是宿主对象(host object)，即由ECMAScript实现的宿主环境提供的对象。所有BOM和DOM对象都是宿主对象。

Object对象：ECMAScript中的所有对象都由这个对象继承而来；object对象中的所有属性和方法都会出现在其他对象中。

ToString()：返回对象的原始字符串表示
Valueof()：返回最适合该对象的原始值。对于许多对象，该方法返回的值都与ToString()的返回值相同

11中内置对象：Array、String、Date、Math、Boolean、Number、Function、Global、Error、RegExp、Object。

两种创建方式：
    1.var str1="hello";
    2.var str2=new String("hello2");
属性：str1.length
方法：
    1.格式编排方法
        x.anchor()返回锚定义字符串<a>x</a>
        x.bold()返回粗体表示字符串<b>x</b>
        x.sub()返回上标格式字符串<sup>x</sup>
        x.italics返回斜体表示字符串<i>x</i>
    2.大小写转换
        x.toLowerCase()转换成小写
        x.toUpperCase()转换成大写
    3.获取指定字符
        x.charAt(index)返回index位置的字符
        x.charCodeAt(index)返回index位置的Unicode编码
    4.查询字符串索引
        x.indexOf(value)从左往右开始寻找的第一个值，返回索引位置
        x.lastIndexOf(value)从右往左开始寻找的第一个值，返回索引位置
    5.截取字符串
        x.substr(start,length)从start索引开始取，取长度为length
        x.substring(start,end)从start索引开始取，取到end索引结束(不含end)
        x.slice()切片
    6.替换字符串
        x.replace(old,new)用new字符串替换old字符串
    7.分割字符串
        x.split()
    8.连接字符串
        x.concat()

三种创建方式：
    1.var arr1 = [1,'hello',[11,2]]
    2.var arr2 = new Array(3) 一个参数时，3代表size
    3.var arr3 = new Array(1,"world",true) 直接初始化数组
属性：arr1.length
方法：
    1.连接数组
        x.join()
        x.concat()
    2.数组排序
        x.reverse 对数组进行反转
        x.sort  对数组进行排序，根据最高位从小到大排序，并不是根据大小排
    3.数组切片
        x.slice
    4.删除子数组
        x.splice(start,deleteCount,value)  start表示开始位置索引、deleteCount删除数组元素的个数、value表示在删除位置插入的数组元素(可省略)
    5.数组的进出栈操作(先进后出、后进先出)
        x.push 数组后面插入数据
        x.pop  根据后进先出取数据
        x.unshift 数组前面插入数据
        x.shift 根据后进先出取数据

创建Date对象：
//方法1：不指定参数
var nowd1=new Date();
alert(nowd1.toLocaleString( ));
//方法2：参数为日期字符串
var nowd2=new Date("2004/3/20 11:12");
alert(nowd2.toLocaleString( ));
var nowd3=new Date("04/03/20 11:12");
alert(nowd3.toLocaleString( ));
//方法3：参数为毫秒数
var nowd3=new Date(5000);
alert(nowd3.toLocaleString( ));
alert(nowd3.toUTCString());

//方法4：参数为年月日小时分钟秒毫秒
var nowd4=new Date(2004,2,20,11,12,0,300);
alert(nowd4.toLocaleString( ));
//毫秒并不直接显示


    获取日期和时间：
获取日期和时间
getDate()                 获取日
getDay ()                 获取星期
getMonth ()               获取月（0-11）
getFullYear ()            获取完整年份
getYear ()                获取年
getHours ()               获取小时
getMinutes ()             获取分钟
getSeconds ()             获取秒
getMilliseconds ()        获取毫秒
getTime ()                返回累计毫秒数(从1970/1/1午夜)

//RegExp对象
    // 在表单验证时使用该对象验证用户填入的字符串是否符合规则.
    //创建正则对象方式1  参数1 正则表达式  参数2 验证模式  g global / i 忽略大小写. //参数2一般填写g就可以，也有“gi”.
    // 用户名 首字母必须是英文, 除了第一位其他只能是英文数字和_ . 长度最短不能少于6位 最长不能超过12位
    //----------------------------创建方式1
    /* var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$","g");
    //
    //验证字符串
    var str = "bc123";
    alert(reg1.test(str));// true
    
    //----------------------------创建方式2  /填写正则表达式/匹配模式;
    var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/g;
    
    alert(reg2.test(str));// true
     */
    //-------------------------------正则对象的方法-------------------
        //test方法  ==>  测试一个字符串是否复合 正则规则. 返回值是true 和false.
    
    //-------------------------String 中与正则结合的4个方法------------------.
    // macth search split replace
    var str = "hello world";
    
    //alert(str.match(/o/g)); //查找字符串中 复合正则的 内容.
    //alert(str.search(/h/g));// 0  查找字符串中符合正则表达式的内容位置
    //alert(str.split(/o/g)); // 按照正则表达式对字符串进行切割. 返回数组;
    alert(str.replace(/o/g, "s")); // hells wsrld  对字符串按照正则进行替换.

//Math对象
    //该对象中的属性方法 和数学有关.
    //Math是内置对象 , 与Global的不同之处是, 在调用时 需要打出 "Math."前缀.
    //属性学习:
    //alert(Math.PI);
    //方法学习:
        //alert(Math.random()); // 获得随机数 0~1 不包括1.
        //alert(Math.round(1.5)); // 四舍五入
        //练习：获取1-100的随机整数，包括1和100
             //var num=Math.random();
            //num=num*10;
            //num=Math.round(num);
            // alert(num)
        //============max  min=========================
        /* alert(Math.max(1,2));// 2
        alert(Math.min(1,2));// 1 */
        //-------------pow--------------------------------
        alert(Math.pow(2,4));// pow 计算参数1 的参数2 次方.
        



abs(x)    返回数的绝对值。
exp(x)    返回 e 的指数。
floor(x)对数进行下舍入。
log(x)    返回数的自然对数（底为e）。
max(x,y)    返回 x 和 y 中的最高值。
min(x,y)    返回 x 和 y 中的最低值。
pow(x,y)    返回 x 的 y 次幂。
random()    返回 0 ~ 1 之间的随机数。
round(x)    把数四舍五入为最接近的整数。
sin(x)    返回数的正弦。
sqrt(x)    返回数的平方根。
tan(x)    返回角的正切。

二、Function对象

函数的定义：

第一种写法：
function 函数名 (参数){
    
函数体;
   return 返回值;
}

第二种写法：
var 函数名 = new Function("参数1","参数n","function_body");

• 可以是变量、常量、表达式作为函数调用的参数；
• 函数由关键字function定义；
• 函数名的定义规则与标识符一致；
• 返回值必须使用return。

JavaScript函数加载执行与Python不同，它是整体加载完才会执行，所以函数声明上面或下面都可以。

Function对象的length属性是返回参数的个数。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>

    //函数的创建方式一
    function f(x,y){
        alert(123);
        return x+y
    }
    console.log(f(66,99))
    //函数的创建方式二
    var obj = new Function()
    //函数的调用
    function add(x,y,z){
        return x+y+z
    }
    console.log(add(1,2,3,4,5));
    console.log(add(1,2));

    //面试题
    function f(x,y){
        return x+y
    }
    var f=1;
    var b=2;
    f(f,b)

    //函数的内置对象arguments
    function f(a,b){
        console.log(arguments[0])
        console.log(arguments[1])
        return a+b
    }
    f(1,2)
    
    function ADD(){
        var sum = 0
        for (var i=0;i<arguments.length;i++){
            sum+=arguments[i]
        }
        return sum
    }
    console.log(ADD(6,8,4,5,9))

    //匿名函数
    var func = function(arg){
        alert(arg)
    };
    func('hello')

    (function(arg){
        alert(arg)
    })('alex')

</script>


</body>
</html>