JS

来源：互联网发布：eclipse json编辑器编辑：程序博客网时间：2024/06/14 01:28

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    
    <script type="text/javascript" src="example.js"></script>
    <title></title>
</head>
<body>

</html>
<script async>
    //立即下载脚本，只对外部脚本文件有效
    //并不保证按照指定他们的先后顺序执行
    //异步脚本不要再加载期间修改DOM
    //XHTML中要使用async = "async"
</script>
<script charset="utf-8"></script>
<script defer="defer" src="example.js">
    //脚本可以延迟到文档完全被解析和显示之后执行，只对外部文件有效
    //立即下载，但延迟执行
    //按照先后顺序执行（事实是不一定）
</script>
<script src="" type="text/javascript">
    //外部文件
    //带有src不应该再有嵌入代码，只会执行外部文件。嵌入的会被忽略
    function sayHi() {
        alert("Hi ! ");
        var result = Number.MAX_VALUE + Number.MIN_VALUE + Number.MIN_SAFE_INTEGER;
    }
</script>

<!-- ARRAY
        ECMAScript 数组的每一项可以保存任何类型的数据。
        ECMAScript 数组的大小是可以动态调整的
        创建数组的基本方式有两种。
            第一种是使用 Array 构造函数:
                var color = new Array();
                var color = new Array(20);
                var color = new Array("red","green","blue");
            第二种基本方式是使用数组字面量表示法
                var names = [];
        与对象一样，在使用数组字面量表示法时，也不会调用 Array 构造函数
        数组的 length 属性很有特点——它不是只读的
        检测数组 : instanceof
        instanceof 操作符的问题在于，它假定只有一个全局执行环境
        如果网页中有多个框架，那么不同框架下的数组分别具有不同的构造函数

        ECMAScript 5新增了 Array.isArray()方法。这个方法的目的是终确定某个值到底是不是数组，而不管它是在哪个全局执行环境中创建的
        Array.IsArray(value);
        toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串
        valueOf()返回的还是数组
        数组继承的 toLocaleString()、toString()和valueOf()方法，在默认情况下都会以逗号分隔的字符串的形式返回数组项

        如果使用 join()方法，则可以使用不同的分隔符来构建这个字符串。
        join()方法只接收一个参数，即用作分隔符的字符串，然后返回包含所有数组项的字符串。

        栈方法 push(),pop();
        队列方法: push();shift;//弹出第一项
        unshift();在数组前端添加任意个项并返回数组长度
        reserve();//反转数组项的顺序
        sort();//按照升序排序，但是会先统一转换成字符串，针对字符串进行排序
        因此对于数值排序不准确，所以可以接收一个比较函数作为参数
        values.sort(compare);
        Concat()方法可以基于当前数组中的所有项创建一个新数组，复制数组
         slice()，它能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。
        。在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项— —但不包括结束位置的项
        如果 slice()方法的参数中有一个负数，则用数组长度加上该数来确定相应的位置

         splice();
        splice(0,2)会删除数组中的前两项
        splice(2,0,"red","green")会从当前数组的位置 2开始插入字符串"red"和"green
        splice (2,1,"red","green")会删除当前数组位置 2 的项，然后再从位置 2 开始插入字符串 "red"和"green"。
        splice()方法始终都会返回一个数组，该数组中包含从原始数组中删除的项（如果没有删除任何项，则返回一个空数组）

indexOf()和 lastIndexOf()。
这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回-1

：reduce()和 reduceRight()
        。这两个方法都会迭代数组的所有项，然后构建一个终返回的值。
        其中，reduce()方法从数组的第一项开始，逐个遍历到后
        。而 reduceRight()则从数组的后一项开始，向前遍历到第一项。

        reduce()和 reduceRight()的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象
        这个函数返回的任何值都会作为第一个参数自动传给下一项。
        -->
    
        
    
        <!-- ECMAScript通过 RegExp 类型来支持正则表达式
            var expression = / pattern / flags ;
             g：表示全局（global）模式，
             i：表示不区分大小写（case-insensitive）模式，
             m：表示多行（multiline）模式，

            使用正则表达式字面量必须像直接调用 RegExp 构造函数一样，每次都创建新的 RegExp实例

            RegExp实例属性：
                第一个模式使用的是字面量，
                第二个模式使用了 RegExp 构造函数，但它们的 source 属性是相同的。

               RegExp 对象的主要方法是 exec()，该方法是专门为捕获组而设计的。
            exec()接受一个参数，即要应用模式的字符串，然后返回包含第一个匹配项信息的数组；
                  或者在没有匹配项的情况下返回 null。

                返回的数组虽然是 Array 的实例，但包含两个额外的属性
                    index 表示匹配项在字符串中的位置，
                   而 input 表示应用正则表达式的字符串。
                  在数组中，第一项是与整个模式匹配的字符串，其他项是与模式中的捕获组匹配的字符串

test()，它接受一个字符串参数。在模式与该参数匹配的情况下返回 true；否则，返回 false；
RegExp构造函数属性：

-->
    
        
<script>
    function createComparisonFunction(propertyName) {
        return function (object1, object2) {
            var value1 = object1[propertyName];
            var value2 = object2[propertyName];
            if (value1 < value2) {
                return -1;
            }
            else if (value1 > value2) {
                return 1;
            }
            else {
                return 0;
            }
        };
    }
    var data = [{ name: "Zachary", age: 28 }, { name: "Nicholas", age: 29 }];
    data.sort(createComparisonFunction("name"));
    alert(data[0].name);
</script>
        
<script>
    function factorial(num) {
        if (num <= 1) {
            return 1;
        }
        else {
            //return num * factorial(num - 1);//函数执行和函数名紧密耦合，不灵活
            return num * arguments.callee(num - 1);//无论引用是函数名字是什么，都可以保证正常完成递归调用
        }
    }
    var trueFactorial = factorial;
    alert(trueFactorial(5));
</script>
            
<script>
    window.color = "red";
    var o = { color: "blue" };
    function sayColor() {
        alert(this.color);
    }
    sayColor();//red
    o.sayColor = sayColor;
    o.sayColor();//blue
</script>
        <!-- caller:
            保存着调用当前函数的函数的引用，如果是在全局作用域中调用当前函数，它的值为null

阅读全文

0 0

eclipse json编辑器

原创粉丝点击