typeof
ECMAScript有5种基本类型数据：
- undefined
- null
- boolean
- number
- string
另外还有一种复杂的数据类型
- object
typeof就是用来检测变量的数据类型的，typeof可能会返回以下值：
- undefined
- boolean
- string
- number
- object
- function
instanceof
typeof操作符在检测引用类型的值时，总是会返回object，所以用处不大。
instanceof用来检测对象类型的，返回值是 true | false。
例如：
person instanceof Object
colors instanceof Array
函数
即使定义的时候只接收两个参数，但是调用时未必一定要传两个参数
原因： 参数的内部是用一个数组(arguments)来表示的。
没有重载：因为没有函数签名
数组方法
- isArray()
- toString() valueof() join()
- push() pop()
- shift() unshift()
- sort() reverse()
- 操作方法: slice() splice()
- indexOf()
- 迭代方法:every() filter() forEach() map() some()
比较常用的几个方法:
join()
push()
slice():基于当前数组中的一个或多个创建一个新数组
indexOf()
filter(function(){})
forEach(function(){})
map(function(){... return ...;} :返回一个新数组
面向对象
数据属性
[[configurable]] : 能否通过删除属性从而重新定义属性。默认为true
[[enumerable]] : 能否通过for-in循环返回属性。默认为true
[[writable]] ：能否修改属性值。默认为true
[[value]] : 这个属性的值。默认为undefined
举例：
var person={
name:"Tangwenxing"
}
上面person对象的name属性值被设置为Tangwenxing,也就是说它的[[value]]值被设置位Tangwenxing.
Object.defineProperty()用来修改属性的默认特性(configurable,enumerable,writable,value),它有三个参数：
- 属性所在的对象
- 属性的名字
- 一个描述符对象
使用方法参见如下代码：
var person={};
Object.defineProperty(person,"name",{
writable:false,
value:"Tangwenxing",
configurable:false
})
现在的name属性不可以被删除也不可以重新赋值了。
访问属性
主要是设置getter setter方法，因为不太重要，所以不提了。
Object.defineProperties用法
var person={}
Object.defineProperties(person,{
name:{
value:"Tangwenxing",
writable:false
},
age:{
value:25,
writable:true
}
})
Object.getOwnPropertyDescriptor用法
var descriptor = Object.getOwnPropertyDescriptor(person,"name");
alert(descriptor.writable);
原型模式
每个函数都有一个prototype属性，这个属性是一个指针，指向一个对象。(这句话很重要，关键词是：函数，prototype是一个指针)
prototype指向原型对象。
所有原型对象都会自动获得一个construnctor属性(这句话也很重要)
function Person(){}
Person.prototype.name="twx";
Person.prototype.age=29;
Person.prototype.sayName=function(){
alert(this.name);
};
var person1=new Person();
var person2=new Person();
Person函数有一个prototype属性，prototype指向一个(匿名)原型对象。
实例person1、person2指向Person.prototype.
在实例中创建原型中的同名属性，会覆盖原型中的那个属性。
接上面的程序
...
...
alert(person1.name); //twx
person1.name = "fgh";
alert(person1.name); //fgh ——-来自实例
delete person1.name;
alert(person1.name); //twx --来自原型
hasOwnProperty()
检测一个属性是存在实例中还是原型中
接上面的程序
...
...
person1.hasOwnProperty("name"); //false
person1.name = "fgh";
person1.hasOwnProperty("name"); //true
delete person1.name;
person1.hasOwnProperty("name"); //false
Object.keys()
获取对象上所有可枚举的实例属性
var per1Keys = Object.keys(person1);
alert(per1Keys); //name,age,sayName
更简单的原型
function Person(){}
Person.prototype = {
name:"twx",
age:25,
job:"IT",
sayName:function(){
alert(this.name);
}
}
前面提到了，原型对象会自动获取一个constructor属性。但是在这里，我们完全重写了原型对象，因此constructor属性也不在是默认的(默认指向对象的构造函数)。
因此可以这样写：
function Person(){}
Person.prototype = {
constructor:Person, //让它重新指向构造函数
name:"twx",
age:25,
job:"IT",
sayName:function(){
alert(this.name);
}
}
原生对象(String Array等)的原型
定义新方法：
String.prototype.startsWith=function(text){
return this.indexOf(text) = 0;
}
var message = "Hello World!";
msg.startWith("Hello") //true
组合使用构造模式和原生模式
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.friends = ['shely','Bob'];
}
Person.prototype = {
constructor:Person,
sayName:function(){
alert(this.name);
}
}
var person1 = new Person("twx",25,"IT");
var person2 = new Person("hyc",27,"SALE");
person1.friends.push("JLK");
alert(person1.friends); //'shely','Bob','JLK'
alert(person2.friends); //'shely','Bob'
alert(person1.sayName === person2.sayName); //true
