Chapter02_Javascript内置对象
- 格式:ppt
- 大小:2.69 MB
- 文档页数:33
JavaScript对象在前面介绍过,JavaScript是一种基于对象的脚本语言。
基于对象或面向对象是编程语言中处理问题的方式,即把某些实体作为一个对象来看待。
如在客观世界中,可以把一本书、一头牛作为一个对象来看待,这些都是独立存在的客观实体,本身具有一些属性或方法。
书具有名称、页数等;牛除了具有颜色、体重等,还具有吃、跑等动作。
在JavaScript脚本语言中,可以把数组、函数等作为对象来看待。
在JavaScript中常用的对象有浏览器对象、脚本语言内置对象、HTML对象、自定义对象。
浏览器对象,就是浏览器中可以利用的一些对象,如document文档对象、History历史记录对象等;脚本语言内置对象通常为JavaScript脚本语言中,本身所具有的核心对象,如字符串对象、日期时间对象、熟悉对象等。
HTML对象实际上就是我们熟悉的HTML标记,如段落标记P、层标记DIV等。
自定义对象就是根据程序需要所创建的函数、数组等,特别是函数。
对于后面两种对象,本节就不再介绍了,会在后面的章节中陆续使用到。
1.脚本语言内置对象脚本语言内置对象是JavaScript中内置的一些对象,可以用在JavaScript的客户端或服务器端,也可以称为核心语言对象。
主要包括数学对象Math、日期时间对象Date和字符串对象string。
(1)数学对象MathMath对象是JavaScript中内置的核心语言对象,主要用来处理关于数序运算方面的计算。
如求取一个数的绝对值、两个数的和。
Math对象具有的属性和方法如表8-11所示:表8-11 Math对象的属性和方法(2)字符串对象字符串对象String是最常用的一种对象,如在客户端校验数据信息时,用来判断一个字符串是否包含数字、求取一个字符串的长度、匹配字符串等。
在JavaScri pt中,创建字符串对象的方法很多,如var s=“中国”或ss=new String(“hello”);字符串对象常用属性和方法如表8-12所示:表8-12 字符串对象常用属性和方法在上面表中,属性length和方法indexOf需要注意。
JavaScript入门基础教程(4)js内建对象昨日回顾一维数组:第一种:使用new关键字和Array()构造函数a、 var arrA=new Array(); //声名一个数组arrA[0]=”lisi”;arrA[1]=28;b、 var arrB=new Array(5); //定义数组长度var arrB=new Array('5’); //定义数组并为第1个元素赋值c、 var arrC=new Array(10,20,30);第二种:直接量(隐式声名)var arrA=[]; //声名一个数组var arrA=[10,20,30,40];访问数组中的某个元素数组名[下标];数组的长度数组名.length;二维数组:var arrD=[]; //定义一个一维数组arrD[0]=[10,20,30];arrD[1]=[40,50,true];var arrD=[['a’,’b’,’c’],[1,2,3],[“true”,false,null],[“true”,false,null]];arrD.length 获取二维数组中一维(行)的长度arrD[0].length 获取二维数组中某一个元素(也是一个数组)的长度二维数组的遍历for(var row=0;row<arrD.legnth;row++){for(var cols=0;cols<arrD[row].length;cols++){//执行操作}}object:var obj=new Object(); //空对象=’lisi’;obj.age=28;obj.sing= function(){alert(“I’m happy”);}标识符:变量名、函数名、数组名、对象名。
作用是为了引用和数据的传递函数:完成某一功能的程序单元,减少代码冗余,可以一次定义多处调用。
语法结构:function函数名(形参1,形参2,…){//功能代码[return数据]}函数名(实参1,实参2,实参3…);arguments:对象,作用是将当函数传递进来的实参组织成数组的形式。
函数为什么要有函数如果要在多个地方求1-100之间所有数的和,应该怎么做?什么是函数把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用函数的作用就是封装一段代码,将来可以重复使用函数的定义•函数声明function函数名(){// 函数体}•函数表达式var fn =function() {// 函数体}•特点:函数声明的时候,函数体并不会执行,只要当函数被调用的时候才会执行。
函数一般都用来干一件事情,需用使用动词+名词,表示做一件事情tellStorysayHello等函数的调用•调用函数的语法:函数名();•特点:函数体只有在调用的时候才会执行,调用需要()进行调用。
可以调用多次(重复使用)代码示例:// 声明函数function sayHi() {console.log("吃了没?");}// 调用函数sayHi();// 求1-100之间所有数的和function getSum() {var sum =0;for (var i =0; i <100; i++) {sum += i;}console.log(sum);}// 调用getSum();函数的参数•为什么要有参数function getSum() {var sum =0;for (var i =1; i <=100; i++) {sum += i;}console.log();}// 虽然上面代码可以重复调用,但是只能计算1-100之间的值// 如果想要计算n-m之间所有数的和,应该怎么办呢?•语法:// 函数内部是一个封闭的环境,可以通过参数的方式,把外部的值传递给函数内部// 带参数的函数声明function函数名(形参1,形参2,形参...){// 函数体}// 带参数的函数调用函数名(实参1,实参2,实参3);•形参和实参1.形式参数:在声明一个函数的时候,为了函数的功能更加灵活,有些值是固定不了的,对于这些固定不了的值。
javascript标准库(js的标准内置对象)总结⽬录这部分属性只是简单的值,它们没有⾃⼰的属性和⽅法。
Infinity全局属性 Infinity 是⼀个数值,表⽰⽆穷⼤。
NaN全局属性 NaN 的值表⽰不是⼀个数字(Not-A-Number)。
undefined全局属性undefined表⽰原始值undefined。
它是⼀个JavaScript的原始数据类型。
null值 null 特指对象的值未设置。
它是 JavaScript 基本类型之⼀。
全局函数可以直接调⽤,不需要在调⽤时指定所属对象,执⾏结束后会将结果直接返回给调⽤者。
eval(str)eval() 函数会将传⼊的字符串当做 JavaScript 代码进⾏执⾏。
PS:eval会造成安全和性能⽅⾯的问题,具体参见。
isFinite(arg)判断被传⼊的值(⾮number类型将转换为number类型)是否为有限值。
isNaN()判断被传⼊的值(⾮number类型将转换为number类型)是否为NaN。
PS:使⽤Number.isNaN()来代替更有语义性。
parseFloat(str)parseFloat() 函数解析⼀个字符串参数并返回⼀个浮点数。
PS:如果在解析过程中遇到了正负号(+或-),数字(0-9),⼩数点,或者科学记数法中的指数(e或E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数.同时参数字符串⾸位的空⽩符会被忽略.如果第⼀个字符不能解析,直接返回NaN。
parseInt(str, radix);parseInt() 函数解析⼀个字符串参数,并返回⼀个指定基数的整数 (数学系统的基础)。
PS:radix⼀个介于2和36之间的整数,表⽰上述字符串的基数(默认为10)。
encodeURI(URI)函数通过将特定字符的每个实例替换为⼀个、两个、三或四转义序列来对统⼀资源标识符 (URI) 进⾏编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 “代理” 字符组成)。
内置对象的概念内置对象是指在编程语言中提供的一组已定义好的对象,可以直接使用而无需再进行额外的定义或实现。
这些内置对象具有常用的属性和方法,以便开发人员更加便捷地进行编程和开发。
在不同的编程语言中,内置对象的具体名称和功能可能会有所不同,但它们的作用是非常相似的。
内置对象的存在,为开发人员提供了许多常用功能的实现,大大简化了开发流程,提高了开发效率。
在JavaScript中,常见的内置对象包括全局对象、数学对象、数组对象、字符串对象、日期对象等。
全局对象包括全局变量和函数,如window、document 等。
数学对象提供了一系列数学计算相关的函数和常量,如Math.PI、Math.abs()等。
数组对象提供了对数组进行操作的方法和属性,如push()、pop()、length 等。
字符串对象则提供了对字符串的操作方法和属性,如indexOf()、substring()等。
日期对象则提供了对日期的操作和处理方法,如getFullYear()、getTime()等。
这些内置对象为开发人员提供了丰富的功能,可以用于完成各种复杂的编程任务。
比如,在JavaScript中,我们可以使用内置对象Math来进行常用的数学计算。
例如,要计算一个数的绝对值,可以调用Math对象的abs()方法。
除此之外,Math对象还提供了许多其他常用的数学计算方法,如对数、三角函数等等。
通过利用这些内置对象,开发人员可以更加方便地进行数学计算,避免了自己手动编写复杂的数学计算代码。
另一个例子是数组对象,在JavaScript中,数组对象提供了一组用于操作和处理数组的方法和属性。
通过这些方法和属性,开发人员可以很方便地对数组进行添加、删除、修改等操作。
比如,可以使用数组对象的push()方法向数组中添加一个元素,使用pop()方法删除数组的最后一个元素。
通过使用这些方法,开发人员可以轻松地处理数组,并且无需再编写繁琐的数组操作代码。
ASP JavaScript对象JavaScript语言是基于对象的(Object Based),而不是面向对象的(Object Ori ented)。
之所以说它是一门基于对象的语言,主要是因为它没有提供抽象、继承、重载等有关面向对象语言的许多功能,而是把其它语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统。
JavaScript对象大体上可以分为三种:浏览器对象、JavaScript内置对象、自定义对象三种。
1.浏览器对象1)Window对象Window 对象表示一个浏览器窗口或者一个框架。
在客户端JavaScript 中,W indow 对象是全局对象,所有的表达式都在当前的环境中计算。
也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。
例如,可以只写document,而不必写Window.document。
同样,可以把当前窗口对象的方法当作函数来使用,如只写alert(),而不必写Window.alert()。
Window对象定义了许多属性和方法,这些属性方法在客户端JavaScript脚本编程时会经常用到。
表8-16、表8-17分别列出了Window对象常用的属性和方法。
表8-16 Windows对象属性表8-17 Windows对象属性Navigator对象是由JavaScript runtime engine自动创建的,包含有关客户机浏览器的信息。
Navigator最初是在Netscape Navigator 2中提出的,但Internet Expl orer也在其对象模型中支持这个对象,而且还提供了替代对象clientInformation,这个对象与Navigator相同。
表8-18列出了Navigator对象的所有属性。
每个Window对象都有Document属性,该属性引用表示在窗口中显示的HTM L文件。
除了常用的Write()方法之外,Document对象还定义了提供文档整体信息的属性,如文档的URL、最后修改日期、文档要链接到URL、显示的颜色等等。
JS内置对象-Math.random⽤法内置对象JavaScript中的对象分为三种:⾃定义对象、内置对象、浏览器对象前⾯两种对象是JS基础内容,属于ECMAScript,第三个浏览器对象属于JS独有的。
内置对象就是指JS语⾔⾃带的⼀些对象,这些对象供开发者使⽤,并提供了⼀些常⽤的或是最基本最必要的功能(属性和⽅法)内置对象最⼤的优点就是帮助我们快速开发学会查阅MDN⽂档:利⽤对象封装⾃⼰的数学对象,⾥⾯有PI、最⼤值和最⼩值<javascript>// 利⽤对象封装⾃⼰的数学对象,⾥⾯有PI、最⼤值和最⼩值var Mymath = {PI : 3.1415926535897932,max : function() {var max = arguments[0];for (var i = 1; i < arguments.length; i++) {if (arguments[i] > max) {max = arguments[i];}}return max;},min : function() {var min = arguments[0];for (var i = 1; i < arguments.length; i++) {if (arguments[i] < min) {min = arguments[i];}}return min;}}console.log(Mymath.PI)console.log(Mymath.max(1,9,5,8))console.log(Mymath.min(1,9,5,8))</javascript>Math.random() 函数返回⼀个浮点, 伪随机数在范围从0到⼩于1,也就是说,从0(包括0)往上,但是不包括1(排除1),然后您可以缩放到所需的范围。
实现将初始种⼦选择到随机数⽣成算法;它不能被⽤户选择或重置。
实验难点实验内容实验目的实验重点实验步骤实验内容1、JavaScript 内置函数的应用2、JavaScript 内置对象的应用3、JavaScript 浏览器对象的应用实验难点实验内容实验目的实验重点实验步骤实验目的1、掌握JavaScript 内置函数的使用方法2、掌握JavaScript 常用内置对象的属性和方法3、掌握JavaScript 浏览器对象的含义4、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。
实验难点实验内容实验目的实验重点实验步骤实验重点1、掌握JavaScript 内置函数的使用方法2、掌握JavaScript 常用内置对象的属性和方法3、掌握JavaScript 浏览器对象的含义实验难点实验内容实验目的实验重点实验步骤实验难点1、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。
实验难点实验内容实验目的实验重点实验步骤实验内容一:JavaScript 内置函数的应用1、eval( ):计算字符串表达式的值2、parseFloat( )和parseInt( ):将字符串开头的整数或浮点数分解出来,转换为整数或浮点数3、isNaN( ):确定一个变量是否为NaN (Not a Number )4、escape( ):将字符串中的非字母数字字符转换为按格式%XX 表示的数字5、unescape( ):将字符串格式为%XX 的数字转换为字符6、程序案例1_1:求用户在提示对话框中输入的表达式的值。
7、思考题:判断用户输入的字符是不是数字,如果是,分别将其转换成浮点数和整数,并显示到网页上。
实验难点实验内容实验目的实验重点实验步骤实验内容二:JavaScript 内置对象的应用1、Math 对象2、Date 对象3、Number 对象4、String 对象5、Array 对象实验难点实验内容实验目的实验重点实验步骤一、对象的基本概念1、什么是对象对象用于描述客观世界存在的特定实体。