04_Javascript初步第二天（上）

1. 全局函数
   

   isFinity() - 检测是否是无穷值（+infinity,-infinity,NaN返回false）；
   isNaN() - 检测是否为数值
   encodeURI(uri) - 将字符串编码为uri(UniformResourceIdentifier 通用资源标识符)
   decodeURI(uri) - 将uri解码
   encodeURIComponent() - 将字符串编码成uri组件
   decodeURIComponent() - 解码
   escape() - 对字符串进行编码
   unescape() - 解码
   eval() - 把js字符串当做脚本执行
   

    

2. a=new Date();alert(Number(a));  返回一个时间戳
3. 匿名函数
   

       var f1=function(x,y){return x*y;};  将函数作为参数传递给一个变量
       123;    这也是匿名函数
       'yolo';  这也是匿名函数

    

4. 回调函数
   

   function f(x,y){
       return x()+y();
   }
   function x(){
       return 3;
   }
   function y(){
       return 4;
   }
   alert(x,y);

5. 匿名回调函数
   

   alert(f(function(){return 4;},function(){return 5;}));

    call()方法调用回调函数 函数名,参数

       function my(a,b){
           return a*b;
       }
       alert(my.call(my,6,7));

    

   apply()方法调用回调函数 函数名,参数数组

       var params=[3,4];
       my.apply(my,params);

    

    

6. 自调函数 无参数时前面一个括号,后面一个括号,加分号;有参数时在后面的括号内加参数
   

   (function f1(){
       alert('happy day');
   })();
   
   (function f1(a,b){
       return a+b;
   })(a,b);

7. 对象就是复合值
   

   //1.通过对象字面量的形式创建对象,键名含关键字，特殊字符什么的要用引号括起来
   var obj={x:1,y:2,z:3};
   
   //2.通过new创建对象；
       var obj=new Object();
       var arr=new Array();
       var date=new Date();
       var reg=new RegExp();//创建正则对象
   
   //3.通过构造函数的形式创建对象
       function Test(){}
       var obj=new Test();//使用new关键字创建对象，如果直接是函数名，表示调用函数
       function Test1(a,b){}
       var obj=new Test(1,2);
   
   //4.通过Object.create()创建对象
       var obj=Object.create({x:1,y:2});
       var obj=Object.create(null);//创建一个没有原型的对象
       var obj=Object.create(Object.prototype);//创建一个空对象，prototype是原型的意思
   
   //使用instanceof操作符可以检测一个对象是否由某个指定的构造器函数创建的
       function Test1(a,b){}
       var obj=new Test1(1,2);
       alert(obj instanceof Test1);//检测实例obj在不在Test1构造函数中
   

    

   
   
   
8. 对象的属性
   

   //定义对象    
       var person={
           name:'yolo',
           age:22,
           gender:'female',
           addr:'广州'
       };
   //    调用属性
   //    alert(person.name);
   //    alert(person['name']);
   //    console.log('用户名为：'+person.name);
   //添加属性
       var obj={};//空对象
       obj.name='yolo';
       obj['name']='yolo';
   //delete删除属性
   delete obj.name;
   //通过for/in遍历属性
   var obj={
       name:'yolo',
       age:23,
       msg:'you here'
   }
   for(var p in obj){
       document.write(p+'\n');//输出的是全部键名
   }
   //如果对象中有方法,调用时要加括号
   var obj={
       id:1,
       name:'yolo',
       age:23,
       msg:function(){return 'you here';}
   }
   document.write(obj.msg()+'
   ');
   function foo(){};
       foo.prototype.z=3;
       var obj=new foo();
       obj.x=1;
       obj.y=2;
       //通过in检测对象上是否有某个属性
       console.log('y' in obj);
       console.log('x' in obj);
       console.log('toString' in obj);
       //hasOwnProperty检测自身是否有某个属性，不包含继承的
       console.log(obj.hasOwnProperty('x'));
       console.log(obj.hasOwnProperty('z'))

    关于继承原型的理解图：
   

9. 属性的特性
   

   function foo(){};
       foo.prototype.z=3;
       var obj=new foo();
       obj.x=1;
       console.log('x' in obj);
       console.log(obj.hasOwnProperty('z'));
       console.log(obj.propertyIsEnumerable('x'));//属性时自己的并且是可枚举的菜返回true
       console.log(obj.propertyIsEnumerable('z'));
       //返回所有自有属性的名称
       console.log()
       console.log(Object.getOwnPropertyNames(obj));
       console.log(Object.keys(obj));
       script>

    

10. Object.defineProperty()方法设置属性

        var obj={};
        Object.defineProperty(obj,'name',{
            value:'yolo',
            writable:true,//设置是否可写
            enumerable:true,//是否可枚举
            configurable:true  //是否可配置（与是否可delete有关）
            
        });
    delete obj.name;
    console.log(obj.name);

     

    如果属性为不可配置，可以把writeable的true改为false,但是不可以把false改为true
11. Object.defineProperties()方法设置多个属性
    

    var obj={};
    Object.defineProperties(obj,{
        'x':{
            value:1,
            writable:true,
            enumerable:true,
            configurable:true
        },
        'y':{
            value:2,
            writable:true
        }
    });
    console.log(Object.getOwnPropertyDescriptor(obj,'x'));//获取属性特性值
    console.log(Object.getOwnPropertyDescriptor(obj,'y'));

     

12.    存储器属性：get获取属性的值和set设置属性的值
    

        var count={
            x:1,
            y:2,
            z:3,
            get zhouchang(){return this.x+this.y+this.z},
            set fanbei(value){
                this.x*=value;
                this.y*=value;
                this.z*=value;
            }
        }
        console.log(count.zhouchang);//输出6
        count.fanbei=2;
        console.log(count.zhouchang);//输出12
        
        var obj={};
        Object.defineProperty(obj,'x',{
            get:function(){return 1;}
        });
        console.log(obj.x);//输出1

     

13. 对象的属性

    1. 对象的原型（prototype）指向另一个对象，本对象的属性继承自它的原型对象
       - 通过对象字面量创建的对象使用Object.prototype作为它们的原型，即：var obj={}
       - 通过new创建的对象使用构造函数的prototype属性作为原型
       - 通过Object.create()创建的对象使用第一个参数（也可以是null）作为原型
       - 通过isPrototypeOf()来检测一个对象是否是另一个对象的原型或者处于原型链中　

           var obj1={x:1};
           var obj2=Object.create(obj1);
           var res=obj1.isPrototypeOf(obj2);//检测obj1是否是obj2的原型，结果为true
           res=Object.prototype.isPrototypeOf(obj2);//检测Object.prototype是否是    obj2的原型，结果为true
           console.log(res);

    2.    对象的类(class)是一个标识对象类型的字符串
       

       var obj={};
           var res=obj.toString();//输出 "[object Object]"
           var arr=[];
           res=arr.toString();//教程说是输出 "[object Object]"，我的测试输出""，因为很多内置的数组对象会重写了toString()方法
           res=Object.prototype.toString.call(arr);//使用回调函数，输出"[object Array]"
           console.log(res);
       
       //    也自定义函数得到数据类型
            function classof(obj){
                if(obj===null){
                    return NULL;
                }
                if(obj===undefined){
                    return 'Undefined';
                }
                return Object.prototype.toString.call(obj).slice(8,-1);//slice(start,end) 方法可从已有的数组中返回选定的元素。-1指最后一个元素，-2指倒数第二个元素……
                //假设返回数组对象"[object Array]"，我们要得到的是Array,所以要从第八个开始
            }
            var a;
            a=function(){};//输出 "Function"    
            a=window; //输出"global"
            res=classof(a);
            console.log(res);
            
       

14. 内建对象之Date对象（1970年1月1日）
    

    //构建对象方法
    new Date();默认为当前时间
    new Date(timestamp);
    new Date(dateString);表示日期的字符串值，要求该字符串能被Date.parse()方法识别
    new Date(年，月，日，时，分，秒，毫秒)；可以只写部分值
    
    //常见日期函数
        var d=new Date();
        var res=d.getDate();//返回一个指定的日期对象为一个月中的第几天，返回一个1 到 31的整数值
        res=d.getDay();//返回星期中的第几天(0-6)
        res=d.getFullYear();
        res=d.getMonth();//返回月份（0-11）
        res=d.getTime();//返回时间戳
        console.log(res);

     

15. 内建对象之RegExp()对象

        //方法1
            var patt=new RegExp('yolo');
            var res=patt.test('my name is yolo');
        //方法2
            var patt=new RegExp();
            patt=/yolo/i;
        //方法3
            var res=patt.test('my name is Yolo');

        //示例
            res=/./.test('\n');//.是元字符，返回false
            res=/y(?=o)/.test('my name is yolo');//检测y后面紧邻的是o返回真
            res=/y(!=o)/.test('my name is yolo');//检测y后面紧邻的不是o则返回真
            res=/m/i.exec('my name is Yolo');//输出["m", index: 0, input: "my name is Yolo"]
            
            
            patt=/i/ig;//加了全局搜索g，从上次查找结束为止开始查找
             var str='this is the best time';
             var arr;
             while((arr=patt.exec(str))!==null){
                 var msg="找到了"+arr[0]+'!'+'下一个匹配从'+patt.lastIndex+'开始';
                 console.log(msg);
             }
             
             输出：
             "找到了i!下一个匹配从3开始"    
             "找到了i!下一个匹配从6开始"    
             "找到了i!下一个匹配从19开始"

    match匹配，search查找，repalce替换

        var str='this is a test';
        var res=str.match(/is/i);//输出：["is", index: 2, input: "this is a test"]
        res=str.search(/is/i);//输出：2（即返回第一个匹配到的索引位置）
        res=str.replace(/is/i,'%');//输出：th% is a test
        console.log(res);
            

     

    
    
    

    
    
    
    

     

     

转载于:https://www.cnblogs.com/yolo-bean/p/7991520.html