Web 开发基础：JavaScript 常用类、面向对象和 BOM，java 中锁的实现原理

| 方法 | 作用 |

| --- | --- |

| abs | 绝对值 |

| ceil | 向上取整 |

| floor | 向下取整 |

| round | 四舍五入取整 |

| random | 随机数 |

| pow | 求幂 |

[](

)String 类

创建方法：

var str = "abc";

var str = new String("abc");

常用方法

| 方法 | 作用 |

| --- | --- |

| indexOf | 查找字符位置 |

| charAt | 取得某位置上的字符 |

| substr(开始位置,长度） | 截取 |

| substring(开始位置，结束位置) | 截取 |

| replace | 替换 |

| split | 分割 |

| toUpperCase | 大写 |

| toLowerCase | 小写 |

| trim | 去掉前后的空格 |

| length | 长度属性 |

[](

)Array 类

和 Java 的区别是：对长度没有严格的限制

定义方法：

var arr = new Array(); 没有长度

var arr = new Array(5); 长度为 5

var arr = [10,20,30,50,50];

二维数组：

var arr = [[1,2,4],[43,55,22],[44,22,11]];

foreach 遍历

for(var num in array){

console.log("数组元素："+array[num]);

}

常用方法

| 方法 | 作用 |

| --- | --- |

| push(数据) | 添加数据到末尾 |

| pop() | 删除末尾的数据 |

| splice(索引,删除数量) | 在某个位置删除一定数量的数据 |

| splice(索引,删除数量,数据…) | 在某个位置删除一定数量的数据，插入一系列数据 |

| sort() | 排序，默认情况下以字符的 ASCII 排序 |

| reverse() | 反转 |

案例：二级联动列表的实现

1、以二维数组保存所有的城市

2、定义函数，获得省份下拉列表，下拉列表的 selectedIndex 可以获得选择的项目位置，

再通过该位置，在二维数组中确定城市，把城市数组填充到城市下拉列表中。

3、在省份下拉列表的 onchange 事件中调用函数

<form action="" method="get">

<select id="province" onchange="fillCity()">

<option>请选择省份</option>

<option value="湖北">湖北</option>

<option value="湖南">湖南</option>

<option value="江苏">江苏</option>

</select>

<select id="city">

<option>请选择城市</option>

</select>

</form>

<script type="text/javascript">

//定义保存城市的二维数组

var cities = [["武汉","宜昌","襄阳","荆州"],["长沙","岳阳","常德","郴州"],["南京","苏州","南通","常州"]];

//填充城市

function fillCity(){

//定位省份下拉列表

var province = document.getElementById("province");

//获得选择省份的下标

var index = province.selectedIndex - 1;

//获得省份的城市数组

var cityNames = cities[index];

//填充城市到城市列表中

var city = document.getElementById("city");

for(var i = 0;i < cityNames.length;i++){

//给城市列表添加一个选项,Option 参数 1 是显示内容，参数 2 是 value 的值

city.options[i + 1] = new Option(cityNames[i],cityNames[i]);

}

}

</script>

[](

)面向对象

==================================================================

1）使用构造方法

类的代码可以重用

function Student(stuno,name,age){

this.stuno = stuno; //this.属性 就是创建了属性

this.name = name;

this.age = age;

this.sayHi = function(){ //this.方法 = function(参数){....}

console.log("姓名:"+this.name+.....);

}

}

//创建对象

var stu = new Student("001","zhangsan",20);

stu.stuno = "002";

stu.name = "lisi";

stu.sayHi();

2）使用 JSON

代码简洁，不能重用

var stu3 = {"stuno":"0003","name":"王五","age":20,

"sayHi":function

【一线大厂Java面试题解析+核心总结学习笔记+最新架构讲解视频+实战项目源码讲义】
浏览器打开：qq.cn.hn/FTf 免费领取

(){

console.log("大家好，我是"+this.name+"，年龄"+this.age);

}

};

stu3.sayHi();

[](

)BOM 编程

===================================================================

BOM 浏览器对象模型，以浏览器窗体 window 为根节点，包含浏览器中的各种对象，如历史、文档、定位等。

[](

)history 对象