js与Java比较

1. 运行需要构建在Web上面的JS
2. 语句(;)，语句块({})，注释(行、块、)
3. 数据类型
   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

总结：

1. Number、===、undefined、数组元素(索引赋值)、对象(键-值)、字符串定义
2. 变量声明：动态语言，变量类型不固定
3. 访问变量未定义、访问数组不出现数组下标越界异常
4. 数组内容上的修改：赋值， push-pop,unshift-shift,sort,reverse,splice
5. 返回新的数组， slice,join,
6. JavaScript把null、undefined、0、NaN和空字符串''视为false，其他值一概视为true
7. 循环 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]);
}

9. 函数中的函数内嵌，变量定义和变量值情况，此外还有变量申明自动提升，但变量值并不会自动提升

函数

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>