JS---初识

1.JS和Java的区别

1.JS不要求代码都必须组织在类之中
2.JS中的变量没有类型，数据有类型。用Java的视角来看就是：Object类型的引用，可以指向任何对象

2.JS变量的定义

1.var 变量名=值（值可任何，var定义的变量可以被重复定义）
2.let 变量名=值（let定义的变量不能重复定义）
const变量名=值（const定义的变量值不能被修改）

3.JS中的数据类型

整型，浮点型，字符串，数组（顺序表，可以放入任何类型），函数也是一种数据类型。

var a = 1;
var a = 1.0;
var a = .1;
var a = 'ccc';/*字符串*/
var a = "ccc";
console.log(a.length);/*字符串长度*/ 
var a = [1,2,3,"zifhfh",[2,4,6,'字符串']];
a.push(1);/*数组的操作 */
var sj ={
    name="ilove",
    age = 3,
    gender = 'female'
}
console.log(sj.name);
console.log(sj["name"]);

4.构建一个对象

JS不需要定义属性，啥玩意儿都可以直接用，随时加

/**定义一个类 */
class Person{
    constructor(name,age,gender)/*构造方法 */
    {
        this.name = name;
        this.age = age;
        this.gender = gender;
    }
    grow() {
        this.age += 1;
    }
    getLastName() {
        return this.name.substr(0,1);
    }
}
/**类的实例化 *//*方法1*/
var person = new Person("zjjj",18,"男");
/*方法2*/
var person2 = {
    name:"sjsjsj",
    age:18,
    gender = "女",
    grow:function(){
        this.age += 1;
    },
    getLastName:function{
        return this.name.substr(0,1);
    }
};

5.调试

JS的代码必须借助浏览器来观察效果
浏览器—>开发者工具—>控制台（快速观察效果）

6. DOM Tree

JS中默认有一个内置的对象 window—代表整个浏览器窗口
window.document------>document
DOM Tree(document object model)

7.事件

加法器