js概述1

javascript 既可以作为前端语言，也可以作为后端语言

语法上与java有类似之处，但本质上与java语言没有关系，也就是发布的时候想蹭蹭java的热度，没想到火了，造化弄人啊。

1. javascript 基本语法

1.1 基本数据类型

number 数字类型， 1.0 100
string 字符串类型 “hello” ‘world’
null 空值
undefined 未定义 比如一个变量还没有赋值
布尔类型 true false

变量是弱类型，值有类型

int a = 10; // java 语法
String b = "hello";

var a = 10; 		// var 表示任意的类型，数字，字符串，空值 ...
var b = "hello";

1.2 调试基本方法

用F12调出控制台窗口， 切换到Console ， 可以输入js代码进行调试
console.log(变量); 用来将变量或表达式结果输出到console窗口

1.3 复杂类型

1. 数组【重点】

   var a = new Array(); // 新建一个空数组
   var a = []; // 新建一个空数组
   var a = [1,2,3,4,5]; // 五个整数元素数组

访问数组元素, 通过数组[下标]来访问
遍历数组：

for(var i = 0; i < a.length; i++) { // 推荐写法
	console.log(a[i]);
}
for(var i in a) {
	console.log(a[i]);
}

添加元素

.push(元素); // 在数组的尾部新增
	.unshift(元素); // 在数组的头部新增

修改元素
直接通过下标修改
删除元素

.pop();  // 删除尾部元素
	.shift(); // 从头部删除元素
    .splice(要删除的下标, 要删的个数);

排序

.sort();
	.sort( (a,b) => b - a );

var a = [1, 21, 12, 2, 3, 31]; // 默认不带参数排序，是把数字当做了字符串进行的排序
a.sort((a,b) => a - b ); // 减法可以让字符串再变回数字

2. 对象 (js对象属性可以动态添加)【重点】

   var a = new Object(); //创建一个空对象
   a.name = “张三”;
   a.age = 18;

还可以使用 delete a.age 来删除a对象中的age属性

简化写法：
var a = {}; //创建一个空对象
格式: { 属性名:属性值, 属性名:属性值 …}

var a = {"name":"张三", "age":18}; // 属性名两边的双引号可以省略

3. 函数 (类似于java的方法)【重点】
   语法

function 函数名(a, b) {
	...
}

function sum (a, b) {
	return a + b;
}

等价写法

var sum = function (a, b) { // 匿名(没有名字的函数)
	return a + b;
}

调用函数 sum(5, 4);

js中实际参数和形参可以不匹配

sum(4,5,6)
sum(4,5,6,7)
sum(4); // 4+undefined = NaN  (not a number)

function sum (a, b) {
	return a + b;
}

function sum (a, b, c) {
	return a + b + c;
}

如果定义了两个同名函数，后定义的会覆盖前面定义的。

4. 日期【了解】

   var date = new Date();
   date.getFullYear(); // 获取年份
   date.getMonth(); // 获得月份(从0开始)
   date.getDate(); // 获取日期

   var date = new Date(1535445539597); // 根据毫秒值创建日期

5. 正则表达式【了解】
   var reg = new RegExp(“正则表达式”); // 用new来创建
   简化写法
   var reg = /正则表达式/;

例如：是否全部是数字
var reg = /¹+$/;
reg.test(“目标字符串”);

验证是否是手机号码
var reg = /^1[35789][0-9]{9}$/;

替换功能

var str = "aaaabbbcccaaa";
str.replace(/a+/, "A");  // 只会替换第一个匹配到的子串
str.replace(/a+/g, "A");  // 会替换所有匹配的子串

javascript 最大作用：能够操作页面上的标签
查找页面标签
1） 根据id查找页面标签

document.getElementById("id值");

2） 获取标签内的内容
标签对象.innerText
3） 获取属性
标签对象.属性名

特殊的：获取class属性 标签对象.className
获取style样式 标签对象.style.具体样式名

4） 删除
父标签对象.removeChild(子标签对象);

5） 新增
var p = document.createElement(“p”); // 创建了段落标签, 但没有加到页面上
p.innerText = “标签内容”;

父标签对象.appendChild(子标签对象); // 在末尾添加子标签

var 	a = document.createElement("a");
   a.href="aaa";
   a.innerText="我是超链接";
   document.body.appendChild(a);

---

1. 0-9 ↩︎