游戏技术文章

Javascript的精华

时间:2016-12-6 13:59:20  作者:棋牌资源网  来源:棋牌资源网  查看:7824  评论:0
内容摘要:一.语法JS只有一个数字类型,64位浮点数,所以1和1.0是相同的。为什么这么设计:防止短整型的溢出。 二.对象1.通常将一个对象的值赋给另一个变量的赋值方法 if(car.name!=null){ a=car.name; }else{ a=&#...

一.语法

JS只有一个数字类型,64位浮点数,所以11.0是相同的。为什么这么设计:防止短整型的溢出。

 

二.对象

1.通常将一个对象的值赋给另一个变量的赋值方法

 
if(car.name!=null){
    a=car.name;  
}else{
    a='unknown';
}
 

小技巧(给默认值):

 
a=car.name||"unknown";
 

 2.尝试从一个对象的属性中取值

通常

 
if(car!=undefined){
   a=car.age;
} 
       
 

小技巧:

 
a=car&&car.age;
 

3.枚举属性

通常我们会简单的使用for in

 
var name;
for(name in  car ){
   ...
}
 

这样的后果就是遍历出来的属性你可能无法预知,会遍历到原型上的属性

 

小技巧:不适用for in,取而代之用for循环

 
var properties=[
     'name',
     'status',
      'useTime'
];

for(var i=0;i<properties.length;i++){
    car[properties[i]]  ...
}
 

4.删除属性

这个东西估计很少有人会使用到,但是存在既有道理,我就遇到过一个场景,在使用一个第三方的类库的时候,类库提供的方法创建的对象有我不需要的属性,而我要将这个对象转化为JSON格式的字符串,这个时候删除属性这个功能尤其的强大。

 
Delete car.name ;
 

三.函数

1.调用

JS中有4种调用方式

  • 方法调用模式
  • 函数调用模式
  • 构造器调用模式
  • apply调用模式

四种模式的差异在于 this指向

方法调用模式很好理解,我们写C#定义一个类CAR,给CAR定义一个方法RUN,这个时候实例化一个对象 jeep ,那么方法调用就是 jeep.RUN();

JS中同样如此  

 
var jeep ={
    run:function(){
     ...
    }
};


jeep.run();
 

this的指向为调用的对象。

函数调用模式,如下add2函数被调用的方式,直接写函数名

 
        function add(a, b) {
            return a + b;
        }
       var shuxue={};
       shuxue.calculate1 = function () {
            var add2 = function () {
                this.value=this.add(3, 3);
            }

           add2();//函数调用模式

        }
        shuxue.calculate1();//方法调用模式
        document.write(shuxue.value);//undefined

        shuxue.calculate2 = function () {
            var that=this;
            var add2 = function () {
                that.value=this.add(3, 3);
            }

            add2();//函数调用模式

        }
        shuxue.calculate2();//方法调用模式
        document.write(shuxue.value);//6
 

这里的this指向有点问题,JS设计之初把它指向了全局,如果这样就会导致上面代码的异 常,代码定义了一个shuxue的对象,并给他定义了2个方法calculate1和calculate2,我们发现都同样在函数内部调用了add2函 数,add2函数内试图给对象增加一个属性

value,calculate1的方式失败了,calculate2的方式成功了,区别在于后者把this(这时候的this是指向该函数的)给了函数的内部变量that,固定了下来,内嵌的函数使用外部函数的变量,也就是形成了闭包,前者this指向全局。

构造器调用模式

 
var Car=function(){};

var jeep=new Car();  //有个约定,如果函数是用来new的,那么大写开头,以区别于一般的函数
 

this指向这个new的对象

apply调用模式

JS是一门函数式的面向对象编程语言,所以函数可以拥有方法

 
        function add(a, b) {
        return a + b;
        }

        var result=add.apply(null,[3,4]);
        document.write(result);// 7

        function getName(){
            return this.name;
        }

        var car={name:'jeep'};

        var name=getName.apply(car);//  car并没有getName方法
        document.write(name); //  jeep
 

   this指向apply第一个参数

2.模块

 我们知道JS很容易造成全局变量的滥用,所以JS提供了一个方法,利用闭包和和函数作用域(JS没有块级作用域ES6之前)构造模块

 
        var man=function(){
            var age=12;
            return {
                getYear:function(){
                    return age;
                },
                setYear:function(n){
                    age=n;
                }
            }
        }

        var peter=man();
        document.write(peter.getYear()); //12
        peter.setYear(20);
        document.write(peter.getYear());//20
        document.write(peter.age); //undefined 属性私有只能通过接口访问
 

 转自(http://www.cnblogs.com/whosedream/p/5252089.html)

3.级联

这个已经被广大程序猿们所喜爱了

 
    var man=function(){
            var age=12;
            return {
                getYear:function(){
                   alert(age);
                    return this;
                },
                setYear:function(n){
                    age=n;
                    return this;
                }
            }
        }

        var peter=man();
 
       peter.getYear().setYear(20).getYear();  //级联
 

标签:Javascript的精华 

欢迎加入VIP,【VIP售价:只要288元永久VIP会员】畅享商业棋牌游戏程序下载,点击开通!

下载说明


☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,

☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!

☉唯一站长QQ:1004003180  [人格担保-本站注重诚信!]

☉购买建议E-mail:1004003180@qq.com   源码收购 E-mail:1004003180@qq.com    

☉本站文件解压密码  【文章内都自带解压密码,每个密码不同!】


本站提供的所有源码,均来源站长提供,仅学习交流 浙ICP备09009969号

由此产生不良后果和法律责任与本站无关,如果侵犯了您的版权,请来信告知 1004003180@qq.com 将及时更正和删除! 

Copyright © 2008-2022 棋牌资源网,你身边的棋牌资源下载站    All Rights Reserved