- 运行需要构建在Web上面的JS
- 语句(;)，语句块({})，注释(行、块、)
- 数据类型
Number
- 不区分整数、浮点数，统一用Number表示
- NaN，不是一个数字(0/0),isNaN(NaN)
- Infinity，无限大(3/0)
四则运算：
/：console.log(10.5/3)=3.5
%：console.log(10.5%3)=1.5
Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001;
==和===
字符串 - 多行字符串
``
alert(`
淡淡
淡淡的
淡淡的忧伤`);
- 模板字符串
``和
${}
var message = `你好，${name}你今年${age}了。`;
字符串操作：
var s = 'Hello, world!';
s.length;//13
s[0]....s[13]
s.toUpperCase()
s.toLowerCase()
s.indexOf('字符串') ,搜索指定字符串出现的位置(0开始计数)，不存在返回-1
s.substring(),返回指定索引区间的子串(0开始计数)
如：
var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello'
s.substring(7); // 从索引7开始到结束，返回'world'
布尔
null
undefined
数组
- 其中可以包含任意数据类型，并通过索引来访问每个元素
其中，索引赋值，在原始数组中，可能改变数组长度或者元素值
如，[1, 2, 3.14, 'Hello', null, true];
.length
.indexOf(元素) ，返回数组下标
.slice()
截取Array的部分元素，然后返回一个新的Array,类似字符串的substring(),可用于复制数组，其中参数为第一个参数开始到最后一个参数结束，左闭右开，左参数值小于右参数值（2个参数）
.push(参数1,数组)，末尾添加若干元素 ，返回长度
.pop(),删除最后一个元素，返回数组元素
.unshift(),头部添加若干元素，返回长度
.shift()，删除第一个元素，返回数组元素
.sort(),元素排序，（//TODO 位数大小进行的排序？）
.reverse(),元素翻转
.splice(),从指定的索引开始删除若干元素，然后再从该位置添加若干元素
如：
var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 从索引2开始删除3个元素,然后再添加两个元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只删除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不删除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
.concat(),数组/字符/变量的连接
.join()
var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'
对象
- 对象是一组由键-值组成的无序集合
var person={
name:'lijian',
age:24,
school:'qjmz'
};
访问：person.name或者person['name' ]
删除：delete person.name
更改值：person.age=18
in操作：'name' in person
.hasOwnProperty() :person.hasOwnProperty('name')
JavaScript对象的键都是字符串类型，值可以是任意数据类型。其中每个键又称为对象的属性，例如，person的name属性为'Bob'，zipcode属性为null
总结：
- Number、===、undefined、数组元素(索引赋值)、对象(键-值)、字符串定义
- 变量声明：动态语言，变量类型不固定
- 访问变量未定义、访问数组不出现数组下标越界异常
- 数组内容上的修改：赋值， push-pop,unshift-shift,sort,reverse,splice
- 返回新的数组， slice,join,
- JavaScript把null、undefined、0、NaN和空字符串''视为false，其他值一概视为true
- 循环 for in,数组、对象（取到第一层的值）
var arr = ['Bart', 'Lisa', 'Adam'];
for(var i in arr){
alert(`Hello,${arr[i]}!`);
}
8.new Map():set、has、delete
new Set():add、delete
遍历：
var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { // 遍历Array
console.log(x);
}
for (var x of s) { // 遍历Set
console.log(x);
}
for (var x of m) { // 遍历Map
console.log(x[0] + '=' + x[1]);
}
- 函数中的函数内嵌，变量定义和变量值情况，此外还有变量申明自动提升，但变量值并不会自动提升
函数
function abs(x) {
if (typeof x !== 'number') {
throw 'Not a number';
}
if (x >= 0) {
return x;
} else {
return -x;
}
}
其中，函数针对函数参数内定了个类似Array对象的arguments数组
function foo(x) {
console.log('x = ' + x); // 10
for (var i=0; i<arguments.length; i++) {
console.log('arg ' + i + ' = ' + arguments[i]); // 10, 20, 30
}
}
foo(10, 20, 30);
练习
实现简单的计算器
<script>
function sum(...rest) {
var su = arguments[0];
if (arguments.length == 0) {
return 0;
} else if (arguments.length == 1) {
return arguments[0];
} else if (arguments.length > 1) {
for (i = 1; i < arguments.length; i++) {
su = su + arguments[i];
}
return su;
}
};
console.log("计算求和：" + sum(1,20,5,6 ));
</script>
全局作用域
不在函数体内的变量就具有全局作用域。 JavaScript默认有一个全局对象window
window.变量:
window.函数名(参数)
名字空间
变量和函数的绑定到一个全局变量中
// 唯一的全局变量MYAPP:
var MYAPP = {};
// 其他变量:
MYAPP.name = 'myapp';
MYAPP.version = 1.0;
// 其他函数:
MYAPP.foo = function () {
return 'foo';
};
块级作用域:let(for循环，函数体内)、const(声明常量)
const PI=3.14;
解构赋值：var [a,b,c]=['1','2','3'];
应用：
- 变量的快速赋值和对象的快速赋值（若有嵌套，则注意嵌套层次对应）
- 默认值情况
（var {name, single=true} = person;）、要使用的变量名和属性名不一致（let {name, passport:id} = person;） - 快速取到对象的属性值
- 如果变量已经被声明了，再次赋值的时候，正确的写法也会报语法错误，正确的处理法：
({x, y} = { name: '小明', x: 100, y: 200});
<script>
var person={
name:'lj',
age:24,
sex:'男',
gender: 'male',
passport: 'G-12345678',
school: 'No.4 middle school',
address: {
city: 'Beijing',
street: 'No.1 Road',
zipcode: '100001'
}
};
var {name,age,passport,address:{city,zipcode}}=person;
console.log(name+","+age+","+passport+","+city+","+zipcode);
console.log(person['school']);
</script>
