第四章 对象

2019-03-18  本文已影响0人  Chasingcar_501
访问对象属性
构造器函数
function Hero(){
  this.occupation='Ninja'
}
var   hero=new Hero()
hero.occupation//Ninja

构造器的好处在于可以在创建对象时传递参数。

全局对象

如果创建构造函数又不用new调用,this指的是全局对象,即window对象;使用new调用构造函数,会创建一个新对象,将this指向该对象。

function Hero(name){
  this.name=name
}
var h=Hero('msr')
typeof h//undefined
构造器属性

创建对象时,也赋予了对象一种属性——constructor,是一个指向用于创建该对象的构造器函数的引用。

instanceof操作符

测试一个对象是不是由某个指定的构造器函数创建的。

h instanceof Hero//true
arguments对象

arguments是一个类数组对象,所谓类数组即有索引元素和length属性,和数组的相似度也就到此为止了。
arguments对象有一个值得关注的属性——callee。该属性引用当前被调用的函数对象

function f(){
    console.log( arguments.callee)
}
f()//[Function:f]也就是f()

此外,可以通过callee属性调用匿名函数

(function(count){
    if(count<5){
        console.log(count)
        arguments.callee(++count)//相当于function(++count),是一个函数对象,可传参
    }
}
)(1)
//输出1 2 3 4
内建对象

1)Boolean

var b=new Boolean()

Boolean构造器创建的对象没什么实用性, 没有提供父级对象以外的任何属性方法。Boolean被当做一般函数时可以将非布尔值转化为布尔值。

Boolean('test')//true

2)Number
在被当做一般函数时,会将任何值转化为数字,与parseInt和parseFloat作用基本相同。
在被当做构造函数时,会创建一个对象。由于构造函数本身也是一个对象,所以有一些属性,Number对象还提供了三个方法,toFixed()、toPrecision()、toExponential()

var n=new Number(123.456)
n.toFixed(1)//123.5

不显式创建Number对象时也能调用这三个方法

(123.456).toExponential()

Number对象也提供了自己的toString()方法,它有一个可选的radix参数,默认是10。
3)String
来看String()构造的String对象和基本字符串之间的区别

var primitive='hello'
typeof primitive//string
var obj = new String('hello')
typeof obj//object
obj[3]//l
obj.length//5

string对象像一个字符数组,包括每个字符的索引属性以及length。
如果想获取string对象的基本类型值,可以调用该对象的valueOf()或toString()方法,如果必须在一个字符串环境中使用String对象,或许就始终需要用到toString()方法。

obj.valueOf()//hello
obj.toString()//hello

基本类型不是对象,不包含任何属性方法,但js提供了一些将基本类型转化为String对象的语法。
下面例子中,当我们将一个基本类型字符串当对象使用时,会执行相应的String对象创建与销毁操作

"potato".length//6
"tomato"[0]//t

值得注意的方法:toUppercase()、toLowerCase()、charAt()、indexOf()、lastIndexOf()、slice()、subString()、split()、join()、concat()

工具类对象

1)Math

Math.PI//3.14159...
Math.E//2.718...
Math.random()//生成随机数
Math.floor(5.1)//舍弃
Math.ceil(5.1)//取入
Math.round()//四舍五入
Math.pow(2,8)//256 2的八次方
Math.sqrt(9)//3  9的平方根

2)Date
创建对象时传递参数情况:

new Date(2019,03,18)

创建了Date对象后,可以调用方法,使用最多的是set()get()方法。例如getMonth()、setMonth()等。

var d = new Date()
d.toString()
d.setMonth(2)
d.getMonth()

eg:想知道我的下一个生日是星期几

var d = new Date(2020,3,3)
console.log(d.getDay())//5由于星期是从0开始(星期日),所以5是星期五

eg:想知道2012到3012有多少个6月20日是星期五【bravo!】

var status=[0,0,0,0,0,0,0] //初始化一个数组,每个元素对应着一周中的一天
for(var i=2012;i<3012;i++){
    status[new Date(i,5,20).getDay()]++
}
console.log(status)

3)RegExp


练习:

 c=[1,2,[1,2]]
 console.log(c.sort())//[ 1, [ 1, 2 ], 2 ]
 console.log(c.join('--'))//1--1,2--2
 console.log(c)//[ 1, [ 1, 2 ], 2 ]
上一篇 下一篇

猜你喜欢

热点阅读