码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript变量与方法

时间:2014-05-25 20:40:35      阅读:345      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   c   code   java   

变量命名

  1. 变量必须以字母开头
  2. 变量也能以 $ 和 _ 符号开头(私有变量命名常用"_"开头)
  3. 变量名称对大小写敏感

变量声明

通过var显式声明(var user),若不声明,则为全局变量,即为window对象的属性,可通过window.user获取,其值为undefined。也可在一条语句中声明多个变量

bubuko.com,布布扣
var a=1, b=2, c=3;
bubuko.com,布布扣

变量可以重复声明

Javascript中,作用域是由函数划分的,而不是由块划分(如while, if, for)。不过代码总要有一个上下文对象,该对象通过this来体现,这个变量永远指向当前代码所处的对象中。

bubuko.com,布布扣
var val="test";              //window.val

if(true){
  var val="new test";       
}
document.write("val="+val);  //new test

function test(){
 var val="another test";
 document.write("val="+val);  //another test
}
test();
document.write("val="+val); // new test
bubuko.com,布布扣

使用匿名函数将全局变量转化为局部变量

太多的全局变量不是一个好习惯,因为它们可能会影响其他的类库,导致奇怪的现象出现

bubuko.com,布布扣
(function(){
    var key="test";
    var content=document.getElementById("content");
    content.innerHTML=content.innerHTML.replace(/test/g,"<span style=‘color:red;‘>"+key+"</span>");
})(); 
bubuko.com,布布扣

 变量引用

引用是一个指向对象实际位置的指针,多个变量可以引用同一个对象,该对象的类型和值一改变,所有的这些变量也会相应的改变。须注意的是,引用指向的只能是具体的对象,而不是另一个引用,Javascript会沿着引用链一直上溯到原来的那个对象

bubuko.com,布布扣
var items=["one", "two", "three"];

var array=items;
items.push("four");

alert(array.length==4);
bubuko.com,布布扣

 函数

可实现函数重载,有能力判断参数数量以及参数类型

arguments判断参数数量

bubuko.com,布布扣
function toArray(){
  var arr=[];
  for(var i=0;i<arguments.length;i++){
     arr.push(arguments[i]);
    }
  return arr;
}
var myArr=toArray(1,2,3,4,5);
bubuko.com,布布扣

 typeof和constructor来判断参数类型

变量 typof 变量 变量.constructor
{key: "value"} object Object
["an","array"] object Array
function(){}  function Function
"This is a string" string String
158 number Number
true boolean Boolean
new User object User
null object  
undefined undefined  
bubuko.com,布布扣
if(typeof num==‘string‘){
  //...
}
if(num.constructor==String){
  //....   
}

var me=new User();
var you=new me.constructor();
bubuko.com,布布扣

 公有方法

 每个对象都有指向原型的基引用,给原型添加属性后,由该原型实例化的每个对象都会获得这些属性,也就使这些属性公有化了

bubuko.com,布布扣
function User(name,age){
 this.name=name;
 this.age=age;
}

User.prototype={
  //this指的是实例化后的对象
  getName: function(){
     return this.name;
  },
  getAge: function(){
     return this.age;
  }
};
bubuko.com,布布扣

 私有方法

不能被外部访问,能被私有属性访问,特权方法访问

bubuko.com,布布扣
function Classroom(students, teacher){
    //private method
    function argumentsCheck(){
        if(typeof students!=‘array‘){
            throw "Invalid students, expected Array";
        }
    }
    argumentsCheck();
}
bubuko.com,布布扣

特权方法

能被外部访问,同时能访问私有属性,是动态生成的,而不是第一次编译就有了,比在对象上的prototype上绑定一个方法的开销更大,但功能更强大

bubuko.com,布布扣
function User(name, age){
    //private attribute
    var location=‘shanghai‘;
    this.name=name;
    //privileged method
    this.getAge=function(){
        return age;
    }
}
bubuko.com,布布扣

 静态方法

 静态方法不能在该对象的实例的上下文中访问

bubuko.com,布布扣
function User(name, age){
    this.name=name;
    this.age=age;
    
    this.getName=function(){return this.name;}
    this.getAge=function(){return this.age;}
}

User.cloneUser=function(user){
    return new User(
        user.getName(), user.getAge()
    );
}
var user=new User(bob, 14);
User.cloneUser(user);
user.cloneUser(user); // object user has no method cloneUser  
bubuko.com,布布扣

动态添加方法,可实现属性的getter/setter方法,注意使用闭包激发作用域

bubuko.com,布布扣
function User(properites){
   for(var i in properties){
        (function(which){
            var p=i;
            which["get"+p]=function(){
                return properties[p];
            }
            which["set"+p]=function(val){
                properties[p]=val;
            }
        })(this);   
    }   
}   
bubuko.com,布布扣

 总结:

  1. 变量命名可重复,使用时养成良好命名规范
  2. 变量作用域为函数,而非代码块;若不声明,则为全局变量,可使用匿名函数消除全局变量
  3. 方法可动态添加,有私有,公有,特权,静态之分
  4. 方法中可判断参数数目与参数类型,实现方法重载
  5. 方法使用时,注意上下文对象,也可使用apply, call指定上下文

Javascript变量与方法,布布扣,bubuko.com

Javascript变量与方法

标签:style   class   blog   c   code   java   

原文地址:http://www.cnblogs.com/derek-hu/p/3734965.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!