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() 用来扩大作用域 (可以借用父类的构造函数 和原型链一起构成组合继承)
定义函数
-
函数声明
function functionName(){ // 函数体}
-
函数表达式
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属性指向的原型对象 创建的对象
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