// 保证代码的可读性，尽量使用[],数组里面元素可以不同类型
var arr = [1,2,3,5,'ok',null,ture];

new Array(1,2,3,'ok');

var person = {
  name: "qinjiang",
  age: 3,
  tags: ['js','java','web','...']
}

// 取值
person.name

var a = 1;

let name = 'lbg';
let msg = '你好呀，${name}';

str.length

str.toUpperCase()
str.toLowerCase()

str.indexOf('字符串某个元素')

str.substring(下标1,下标2)
下标1或下标2没有填写则默认为0或长度

arr.length

arr.indexOf('数组某个元素')

arr.slice(下标1,下标2)
下标1或下标2没有填写则默认为0或长度，该方法会截取数组的一部分，返回一个新数组

arr.sort()

arr.reverse()

arr.concat([数组])

arr join('连接符')

var 对象名 = {
	属性名 = 属性值,
  属性名 = 属性值,
  属性名 = 属性值
}

delete 对象名.属性名

var age = [12,23,45,69,789];
// 函数
age.forEach(funtion (value){
	console.log(value)
})

//for(var index in object)
for(var num in age){
	执行语句......
}

var map = new Map(['Tom',100],['Jerry',90],['Haha',80]);
var name = map.get('Tom');	//通过get获取value
console.log(name);	//打印出100
map.set('admin',123456);	//在后面添加数组

var set = new set([3,1,1,1]); //只会记录3，1

for (let x of arr){
	console.log(x)
}

for(let x of map){
	console.log(x)
}

for(let x of set){
	console.log(x)
}

function abs(x){
	执行语句
}

var abs = function(x){
	执行语句
}

abs(10)

执行语句：
if(typeof x !== 'number'){
	throw 'Not a Number';
}

function bg() {
	var x = "x" + y;
  console.log(x);
  y = 'y';
}	//这里的x应输出为xundefined

var x = 1;
function f(){
	console.log(x);
}
f();
console.log(x);

var x = 'xxx';
alert(x);
alert(window.x);
//默认所有的全局变量，都会自动绑定在window对象下

//唯一的全局变量
var bg = {};
//定义全局变量
bg.name = 'lbg';
bg.add = function (a,b) {
	执行语句......
}

vae bg = {
	age: function() {
		执行代码...
  }
}

function getAge() {
	var now = new Date().getFullYear();
  return now-this.birth;
}

var baigui = {
  birth: 2002;
	age = getAge()
}

//this调用默认指向调用它的那个对象，它是无法指向的
//baigui.age()  打印正确
//getAge() NaN window中没有birth这个变量

getAge.apply(baigui,[])
目前的对象      指向的对象 传入的参数

typeof 123
"number"
typeof '123'
"string"
typeof NaN
"number"
typeof []
"object"
typeof {}
"object"
typeof Math.abs
"function"
typeof undefined
"undefined"

var now = new Date();
now.getFullYear(); //年
now.getMonth(); //月  0~11 代表月
now.getDate(); //日
now.getDay(); //星期
now.getHours(); //时
now.getMinutes(); //分
now.getSeconds(); //秒

now.getTime(); //时间戳:全世界统一 1970.1.1 00:00:00开始计算，毫秒数
//   console.log(new Date(时间戳)); 打印时间戳对应的时间
now.toLocaleDateString();
// 获取当前时间 格式为：年/月/日 上午（或下午）时：分：秒

var user = {
	name: "lbg";
  age: 3;
  sex: "男"
}

//js对象转换为json字符串 {"name":"lbg","age":3,"sex":"男"}
var jsonUser = JSON.stringify(user);

//json字符串转化为js对象 参数为json字符串
var obj = JSON.parse('{"name":"lbg","age":3,"sex":"男"}');

var obj = {a: 'hello',b: 'hellob'};
var json = '{"a":"hello","b":"hellob"}'

var person = {
	name: 'dog';
  consloe.log(this.name + "run......");
}

var xiaoming = {
	name: 'xiaoming';
}

//xiaoming的原型是person，输出为xiaomingrun......
xiaoming.__proto__ = person;
========================================================================================
function student(name) {
	this.name = name;
}
//给student新增一个方法
student.prototype.hello = function () {
	alert('hello');
}

// 定义一个学生的类
class student {
	constructor(name){
		this.name = name;
  }
  hello(){
		alert('hello')
  }
}
var xiaoming = new student("xiaoming");
xiaoming.hello()

class student {
	constructor(name){
		this.name = name;
  }
  hello(){
		alert('hello')
  }
}

class xiaostudent extends student{
	constructor(name.grade){
		super(name);
    this.grade = grade;
  }
  myGrade(){
		alert('我是一名小学生')
  }
}
var xiaogong = new xiaostudent("xiaohong",1);

location	//可以查看host等数据
location.reload()   //刷新网页
localtion.assign('地址')	//设置新的地址

document.title   //获取当前的页面名
document.title='lbg'	//更改页面名为lbg
// 获取具体的文档树节点
document.getElementById('id名')
document.cookie	//获取cookie，劫持cookie核心代码，设置cookie:httponly可以解决

history.back()
history.forward()

//对应css选择器
document.getElementById('id名')
document.getElementByClassName('class名')
document.getElementByTagName('tag名')	//返回的值为一个数组

father.children;	//获取父节点下的所有子节点
father.firstchild;	//获取第一个子节点
father.lastchild;	//获取最后一个子节点

var self = document.getElementById('h1')
var father = h1.parentElement;
father.removeChild(self)
或
father.removeChild(father.children[子类下标])

//已经事先定义了父类id为list和与父类同级的类id为js
var js = document.getElementById('js');
var list = document.getElementById('list');
list.appendchild(js);		//js追加到list子类的后面

//添加一个新的节点
var newP = document.createElement('p');	//创建一个p标签
newP.id = 'newP';
newP.innerText = 'hello!';

//创建一个标签节点（通过整个属性，可以设置任意的值）
var myScript = document.createElement('script');
myScript.setAttribute('type','text/javascript');

//创建一个style标签
var myStyle = document.createElement('style');
myStyle.setAttribute('type','text/css');
myStyle.innerHTML='body{background-color:green}';
document.getElementByTagName('head')[0].appendChild(myStyle);

父节点.insertBefore(操作节点,目标节点)	//操作节点插入到目标节点前面去

//示例
var input_text = document.getElementById('username');
//得到输入框的值
input_text.value
//修改输入框的值
input_text.value = '123'

//对于单选框，.value只能获取到框的值，所以：
检查单选框的id.checked   //会返回布尔值
检查单选框的id.checked = ture   //可以让单选框处于选择状态

//示例 test-ul 后添加的属性为绑定指定的id
$('#test-ul li[name=python]').text();	//获得值
$('#test-ul li[name=python]').text('设置值');	//设置值
$('#test-ul li[name=python]').html();	//获得html格式的值
$('#test-ul li[name=python]').html('html代码');	//设置html格式的值
......