简单总结一下今天学的东西
- 简单类型与对象
- 包装类
- Number、Boolean、String、Object四个对象
- 全局对象
- (共用属性)原型
-
__proto__
与prototype
简单类型与对象
简单类型,也就是所谓的原始值,它是没有属性和方法的
下面这三个带了new的,都是在创建对象
new Number(1)
new String(1)
new Boolean(1)
var n1 = 1; //简单的数据类型,不是对象
var n2 = new Number(1); //是一个对象
包装类
前面说到简单数据类型没有属性,但却可以调用属性,期间发生了隐式转换
这个隐式的环节叫做包装类
var num=4;
num.len=3; //隐式发生转换,新建一个数字对象 new Number(4).len = 3 ,接着又删除了这个对象
console.log(num.len);//再新建一个数字对象 new Number(4).len ,但是光定义又没赋值,所以最后输出为undefined
var str="abcd";
str.length=2;//隐式发生转换,新建一个对象,然后添加属性并赋值,最后删除这个对象
console.log(str.length);//输出为4,字符串自带length属性,所以输出长度为4
Number对象
Number的常用属性 | 含义 |
---|---|
Number.valueOf() | 获取对象本身的值 |
Number.toString() | 将数值转化为字符串 |
Number.toFixed() | 将数值转换为小数 |
Number.toExponential() | 将数值转化为科学计数法 |
var n2 = new Number(1);
n2.toString(); //"1"
n2.valueOf(); //1
n2.toFixed(2); //"1.00"
n2.toExponential(); //"1e+0"
number类型的的toString方法可以加参数,表示按照什么进制来解析(不加参数默认按十进制解析)
(100).toString(16); //"64"
(100).toString(2); //"1100100"
String对象
String的常用属性 | 含义 |
---|---|
String.charAt() | 获取字符串中某一位的字符 |
String.charCodeAt() | 获取字符串中某一位字符的Unicode编码 |
String.trim() | 删除字符串中多余的空格 |
String1.concat(String2) | 连接字符串1和字符串2 |
String.slice(start,end) | 截取字符串,从start到end前一位,不包括end |
String.replace('e','o') | 将字符串中的e替换成o(只能替换第一次出现的字符) |
String.indexOf() | 搜索字符串中的内容(只检测第一次出现的字符),没搜到返回-1 |
String.substr(start[, length]) | 截取,返回一个字符串中从指定位置开始到指定字符数的字符 |
var s = new String('hello World');
//获取字符串中某一位的字符
s.charAt(1) ; //"e"
//获取字符串中某一位的字符的Unicode编码
s.charCodeAt(0); //104
//删除字符串中多余的空格,是左右两面的空格
s.trim(); //"hello World"
//连接字符串1和字符串2,字符串1和字符串2是没有被改变的
var s1 = "hello";
var s2 = " world";
s1.concat(s2); //"hello world"
console.log(s1); //"hello"
console.log(s2); //" world"
//截取字符串,从start到end前一位,不包括end
s.slice(0,2); //"he"
//将字符串中的e替换成o(只能替换第一次出现的字符)
s.replace('e','o'); //"hollo World"
//搜索字符串中的内容(只检测第一次出现的字符),没搜到返回-1
s.indexOf('s') //-1
//返回一个字符串中从指定位置开始到指定字符数的字符
s.substr(0); //"hello World"
s.substr(0,5); //"hello"
Boolean对象
var f1 = false;
var f2 = new Boolean(false);
if(f1) { console.log('1') } ; //不执行
if(f2) { console.log('2') } ; //执行
f1和f2的值都是false,但f2是对象,一切对象(包括空对象)的布尔值都是true,所以使用if判断语句,只有f2会执行。
Object对象
有两种方法可以创建对象,不过没人会用后一种
var obj = {};
var obj = new object(); //没人会这么用
另外来看一下这个例子
var obj1 = {};
var obj2 = {};
obj1 === obj2; // false
它们为什么不相等,理由很简单。
它们在stack栈内存中存储的内容是heap堆内存中的地址,每个对象的内容在heap内存中的地址是不一样的,所以对象与对象一般都是不相等的。(除非你将一个对象的内存地址复制给另一个对象)
全局对象Window
ECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局对象(浏览器先存在的)
ECMAScript规定 | 浏览器自己加的属性(私有) |
---|---|
parseInt | alert |
parseFloat | comfirm |
Number | console.log |
String | console.dir |
Boolean | document |
Object | history |
- 所有浏览器中本身就有Number(),String(),Boolean(),Object()这些函数,而每个函数都有它自己的prototype,指向
Object.prototype
-
Object.prototype
处于原型链的顶端,再往上找就没了,所以Object.prototype.__proto__===null
- 所有对象从
Object.prototype
继承了包括toString等等方法和属性。 - 当我们读取一个属性的时候,如果实例中自己有这个属性,就读取自己的,没有就按照原型链一层一层往祖辈上找。
js在创建对象的时候,都有一个叫做proto的隐式原型,用于指向创建它的函数对象的原型对象prototype
如果我们 var num = new Number ();
因为是用Number()创建的数字对象,于是num的__proto__
指向Number.prototype,而Number.prototype再往上,就是所有对象的祖先Object.prototype