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'))

     关于继承原型的理解图:
    04_Javascript初步第二天(上)_第1张图片04_Javascript初步第二天(上)_第2张图片

  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

你可能感兴趣的:(javascript,人工智能,ViewUI)