JavaScript

JavaScrpit笔记


数据类型

ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。

ECMAScript的变量是松散类型的,所谓松散类型就是可以用来保存任何类型的数据
例如:

 var age = 12;//不用int修饰 

typeof运算符

虽然变量无类型之分 但其值是有类型的 用typeof运算符判断

    "undefined"——如果这个值未定义;
    "boolean"——如果这个值是布尔值;
    "string"——如果这个值是字符串;
    "number"——如果这个值是数值;
    "object"——如果这个值是对象或null;
    "function"——如果这个值是函数

undenfined类型 和 null类型\

undefined值是派生自null值的

alert(undefined == null) // true

一般的把var 定义的没有初始化的值定义为 undefined 而null是用来初始化未赋值的对象的。

Boolean类型

注:Boolean类型的字面量的值区分大小写。 true和flase 对 True和Flase 错

NUmber类型

NaN(NOt a NUmber)例如:

 var num = 10/0

String类型

string 是存储在栈中 所以字符串一旦创建就不能改变

Object类型

函数

JS中的函数也是对象 也有相应的属性和方法

属性:length(argument数组的长度)和prototype(继承和原型构造函数时特别有用)

方法:call()和apply() 用来扩大作用域 (可以借用父类的构造函数 和原型链一起构成组合继承)


定义函数

  1. 函数声明

     function functionName(){ // 函数体}
    
  2. 函数表达式

     var sayHi = function(){// 函数体} //函数是对象的体现 
     有一个特别好玩的功能:模仿块级作用域
     (function(){ 
     
     //for(var i ...)
     })()  //i在for循环有用
    

模拟重载

JS中没有重载的概念 但可以用 arguments对象来模拟重载
例如:

//变相实现重载
function add(){

    if(arguments.length == 1){
    
      alert(argumemts[0]+10);
    }

    if(arguments.length == 2){
    
      alert(argumemts[0]+argument[1]+10);
    }

}
add(10);
add(10,20);

继承和创造对象

理解prototype属性:

无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。就拿前面的例子来说,Person.prototype. constructor指向Person。而通过这个构造函数,我们还可继续为原型对象添加其他属性和方法。

通过prototype属性指向的原型对象 创建的对象

JavaScript_第1张图片

function Person(){

    Person.prototype.name = "Nicholas";
    Person.prototype.age = 29;
    Person.prototype.job = "Software Engineer";
    Person.prototype.sayName = function(){
        alert(this.name);
    };
}

var person1 = new Person();
person1.sayName();   //"Nicholas"
var person2 = new Person();
person2.sayName();   //"Nicholas"
alert(person1.sayName == person2.sayName);  //true

而通过构造函数创建的对象 每个对象的属性和方法在内存中各有一份 其中一个对象的改变不影响其他对象的属性和方法(prototype定义的对象则不同)

继承就是把prototype属性指向的原型对象 进行重写

function SuperType(){
    this.property = true;
}

SuperType.prototype.getSuperValue = function(){
    return this.property;
};

function SubType(){
    this.subproperty = false;
}

//继承了SuperType
SubType.prototype = new SuperType(); // 重写SubType.prototype指向的原型对象

SubType.prototype.getSubValue = function (){
    return this.subproperty;
};



var instance = new SubType();
alert(instance.getSuperValue());      //true

总结:其实创建对象和继承还有很多的方式 可以参考JavaScript高级程序设计(第3版)


闭包(函数和函数非不清的关系)

js闭包的来源:return函数名或者匿名函数 ②函数可以嵌套函数

形式:闭包就是一个函数,两个函数彼此嵌套,内部函数就是闭包(需要return)

          function f1(){
                var age = 20;
                var height = 170;
                function f2(){
                    console.log("年龄:"+age+"-身高:"+height);
                }
                return f2;
            }
            //ff--> 函数名
            var ff = f1();  
            ff();//年龄:20-身高:170

你可能感兴趣的:(JavaScript)