以前学习过,有一定的基础,对于之前不清楚的做个快速的梳理,打好基础。
1 JavaScript
1.1 输出
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;//访问 HTML 元素
document.write(5 + 6);//一般用于测试
window.alert(5 + 6);//弹出警告框显示数据
console.log(5 + 6);//写入浏览器控制台
</script>
</body>
</html>
1.2 值、变量及数据类型
- 字符串是文本,由双引号或单引号包围
- 用
var
关键词来声明变量
- 值可以是多种类型,比如数值和字符串。例如
x = "Bill" + " " + "Gates"; //"Bill Gates"
x = 3 + 5 + "8"; //"88"
x = "8" + 3 + 5; //"835"
- JavaScript 拥有动态类型。这意味着相同变量可用作不同类型。
- 超大或超小的数值可以用科学计数法来写。
var y = 123e5; // 12300000
var z = 123e-5; // 0.00123
- null 的数据类型是对象,您可以通过设置值为
null
清空对象,可以通过设置值为undefined
清空对象。
原始数据 |
复杂数据 |
string,number,boolean,undefined |
function,object |
var x = new String(); // 把 x 声明为 String 对象
var y = new Number(); // 把 y 声明为 Number 对象
var z = new Boolean(); // 把 z 声明为 Boolean 对象
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
- 在函数定义中,
this
引用该函数的“拥有者”。
- 如果您不使用
()
访问方法,则将返回函数定义。
- 反斜杠转义字符把特殊字符转换为字符串字符:单引号、双引号、反斜杠。
1.3 字符串
代码 |
结果 |
代码 |
结果 |
代码 |
结果 |
\' |
单引号 |
\f |
换页 |
\b |
退格键 |
\" |
双引号 |
\n |
新行 |
\t |
水平制表符 |
\\ |
反斜杠 |
\r |
回车 |
\v |
垂直制表符 |
- 不要把字符串创建为对象。它会拖慢执行速度。new 关键字使代码复杂化。也可能产生一些意想不到的结果。
- 当使用
==
相等运算符时,相等字符串是相等的;当使用===
运算符时,相等字符串是不相等的,因为===
运算符需要类型和值同时相等。JavaScript 对象无法进行对比。
- 内建属性
length
可返回字符串的长度。
indexOf()
方法返回字符串中指定文本首次出现的索引(位置);lastIndexOf()
方法返回指定文本在字符串中最后一次出现的索引。两种方法都接受作为检索起始位置的第二个参数。
search()
方法搜索特定值的字符串,并返回匹配的位置。
提取部分字符串
- 有三种提取部分字符串的方法:
//省略第二个参数,则将裁剪字符串的剩余部分
slice(start, end);
substring(start, end);
substr(start, length);
- 替换字符串内容:
replace()
方法,默认只替换首个匹配(替换所有匹配,请使用正则表达式的 /g ),对大小写敏感(大小写不敏感,正则表达式 /i)。
- 大写和小写互相转换
toUpperCase(); //转大
toLowerCase(); //转小
1.4 数组
toString()
把数组转换为数组值(逗号分隔)的字符串。
join()
方法也可将所有数组元素结合为一个字符串,可以规定分隔符。
Popping()
和 Pushing()
:从数组弹出项目,或向数组推入项目。(数组结尾)
shift()
会删除首个数组元素,并把所有其他元素“位移”到更低的索引;unshift()
向数组添加新元素,并“反向位移”旧元素。(数组开头)
- 使用
delete
来删除,留下的未定义的空洞,使用 pop() 或 shift() 取而代之。
splice()
方法可用于向数组添加新项。在数组中不留“空洞”的情况下移除元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
1.5 表单