黑马程序员-javascript(下)

本文介绍了JavaScript中String、Array、Date等内置对象的操作方法,包括常用属性、方法及自定义扩展。同时探讨了如何通过原型属性扩展对象功能。

Js中常见对象操作(Object是基类)

1、String对象

  创建String对象的两种方式:

String  str=new String(abc);

String  str=abc;

一些方法:

str.length (这个事属性)  str.bold()代表加粗   str.link(http://www.baidu.com地表超链接

str.substr(1,3) 取出元素(从第一个元素开始,连续取三个)

str.substring(1,3)取出包括第一个元素,不包括第三个元素的字串。

 

那么能否将自定义的方法添加到String类中,方便以后可以直接由String对象来调用,就像调用String类中已定义的方法,这里可以使用一个该字符串的原型属性来完成,(用prototype(一个属性)可以获取到这个原型对象,并通过prototype就可以对对象的功能进行扩展)。

用法举例:

增加自定义属性:

String.prototype.len=10;

这是给String原型增加一个Len属性,以后凡是字符串对象都有Len属性。

增加自定义方法:

String.prototype.mytrim=function()

{

这里可以在定义一个函数(与Java不同)

}

这是给String原型增加一个mytrim()方法。

2、Array对象(数组对象)

concat()方法,push()方法,shift()方法,unshift()方法等

join()方法:返回字符串值,其中包含了连接到一起的数组的所有的元素,元素由指定的分隔符分隔开来。(默认用逗号分隔)

当然,也可以利用原型为Array对象添加新方法(eg: getMax())

3、Date对象

getTime()方法:将日期转换成毫秒值。

这个对象中存在一系列可以获取年月日的方法。

toLocalString()方法

toLocalDateString()方法

parse()方法

egvar  year=date.getFullYear();

var  month=date.getMonth()+1;//因为getMonth()返回的值为0-11,所以这里加上1.

var  day=date.getDate();

注意:为了简化对象调用内容的书写,可以使用js中的特有语句with来完成。

格式:with(对象)

{

在该区域中可以直接使用指定的对象的内容,不需要写对象了

 

}

eg:  withdate

{

 

var  year=getFullYear();

var  month=getMonth()+1;

}

4、Math对象

该对象中的方法都是静态的,不需要new,直接用Math调用即可。

var  num1=Math.ceil(12.34);//返回大于等于指定参数的最小整数

var  num2=Math.floor(12.34) //返回小于等于指定参数的最大整数

var  num3=Math.round(12.34)//四舍五入

var  num4=Math.pow(10,2)//相当于10的平方

random()方法

5、全局方法(Global对象中的方法)

egparseInt()

特点:可以直接使用,无需用类或对象来调用

var   val=parseInt(12abc);// val=12

var   num=parseInt(110,2)// 结果为6(就是将指定进制的数据转换成10进制)

 

而将10进制数据转换成其它进制,需要使用Number对象中的方法,

Eg: var num=new Number(6);

       num.toString(2);//转换成二进制

6、js中的特有语句(for   in

格式: for(变量  in  对象)//对对象进行遍历的语句

{

 

}

var arr=[32,80,165];

eg:  for(i   in   arr)

{

Document.write(i=+arr[i]);

}

7、js中自定义对象

如果想要自定义对象,应该先对对象进行描述,然而js是基于对象,而不是面向对象的,不具备描述事物的能力,(如果还想按照面向对象的思想编写js,可以在js中用函数来模拟面向对象中的描述)

 

//js来描述人

function Person()

{

alert(person run);

}

 

  

 

//通过描述进行对象的建立

var  p=new Person();

//动态给p对象添加属性,直接使用p.属性名即可

p.name=zhangshan;

p.age=30;

//p对象添加方法

p.show()=function()

{

alert(show run);

}

 

 

2)另一种封装方式(封装键值对)

eg: var   pp={

 

name:小马,age:36,

getName:function(){return  this.name;}

 

               }

alert(pp.age+:+pp.getName());

(注意这里的pp.age等价于pp[age])

 

for(x  in  pp)

{

document.write(x+:+p[x]);

}

 

 

 

eg: var  mymap={

              names:[lisi1,lisi2,lsii3],nums[36,56,23],

 

 

 

              }

alert(mymap.names[i]);

alert(mymap.names);

课堂练习:

 

 

 

 

 

 

 

 

 

 


### 黑马程序员 JavaScript 学习资料汇总 以下是关于黑马程序员提供的 JavaScript 学习资源及相关知识点的详细介绍: #### 一、基础入门视频教程 可以通过 B 站上的系列课程快速掌握 JavaScript 的基础知识。推荐以下两个视频作为起点: - **【黑马程序员前端】JavaScript 入门到精通 (1)** – 提供了 HTMLJavaScript 基础理论的学习内容[^1]。 - **【黑马程序员前端】JavaScript 入门到精通 (2)** – 进一步深入讲解实际发中的应用案例。 这些视频涵盖了从零始学习 JavaScript 所需的核心概念,适合初学者逐步理解并实践。 #### 二、常见功能实现案例分析 在实战项目中巩固所学技能非常重要。以下是一些经典的功能模块及其对应的解决方案: - 轮播图效果:通过 Apis-day2 中提到的方法可以完成带有鼠标悬停暂停以及自动播放等功能的图片轮播组件[^2]。 - 小米官网风格搜索框交互设计:利用焦点事件监听输入状态变化来增强用户体验。 - 键盘按键触发评论提交机制:借助键盘事件捕获用户的敲击动作从而执行特定逻辑操作。 以上实例均来源于官方教学材料,并附带详尽说明便于模仿练习。 #### 三、基本语法结构与事件绑定方法 对于刚接触这门语言的人来说,了解如何正确书写代码至关重要。下面展示了一个简单的例子用于演示给 DOM 对象附加行为的过程: ```javascript // 获取页面内的某个 div 元素节点 var divElement = document.querySelector('div'); // 定义当该元素被单击时要做的事情 function handleClick() { console.log("Div was clicked!"); } // 把上面定义好的函数设置成此 div 上发生 click 类型活动后的响应措施 divElement.onclick = handleClick; ``` 上述片段展示了标准方式之一去关联起始点同其后续可能产生的状况之间的联系[^3]。 #### 四、外部脚本文件加载技巧 为了保持网页主体简洁明了,在适当时候引入独立 js 文件成为必要手段。注意路径配置无误之后按照如下形式声明即可成功调用远端存储的内容[^4]: ```html <script type="text/javascript" src="/path/to/yourfile.js"></script> ``` 确保服务器能够正常提供请求过来的数据包;另外记得调整 MIME-Type 参数匹配目标类型(application/x-javascript 或 text/javascript)---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值