js
语法和java类似
严格意义等于 === , 严格意义不等于 !== ； == ！= 只比较值，不比较数据类型，不建议使用。
函数定义：
function checkGuess() {
//doSomething
}
常规函数调用：
checkGuess();
事件函数传递：
guessSubmit.addEventListener('click', checkGuess);
获取选择器:
document.querySelector()
属性和style值对应，只是横杠分割的方式变成了驼峰方式
日志，console.log()
编写上，变量可以在被赋值之后再声明（实际解释上还是声明之后才赋值）
变量，由数字下划线字母组成，不允许数字开头，不建议下划线开头（内置变量），区分大小写
对象的定义：
//手动方式构造，最后一个变量不需要以逗号结尾，
//dog称为对象的字面量(literal)，同时也作为命名空间namespace，约束这属性和方法
//name,breed就改叫属性property,greeting改叫方法（本来是函数）。
var dog = {
name : 'Spot',
breed : 'Dalmatian',
greeting: function() {
alert('Hi! I\'m ' + this.name[0] + '.');
}
};
调用方式除了常规的dog.name，也可以使用dog[‘name’]的方式，因为后者对象有时候被称作关联数组(associative array)，
可以在外部直接添加成员变量
[]的方式，可以传递变量名，如dog[‘name’]等同于 var v= ‘name’; dog[v]
//构造函数；构造函数即其他语言的类
function Person(name) {
this.name = name;
this.greeting = function () {
alert('Hi! I\'m ' + this.name + '.');
};
}
//简化了常规的方式，myObj = func(){var object = {}, return object}
//通过构造函数的方式叫做实例化
var person0 = new Person('Bob');
//对象构造
var person1 = new Object({
name : 'Chris',
age : 38,
greeting : function() {
alert('Hi! I\'m ' + this.name + '.');
}
})
//从现有对象复制对象，以 person1 为原型对象创建了 person2 对象
var person2 = Object.create(person1);
var person3 = new person1.constructor('Karen', 'Stephenson', 26, 'female', ['playing drums', 'mountain climbing']);
继承的实现：
function Teacher(first, last, age, gender, interests, subject) {
Person.call(this, first, last, age, gender, interests);
Teacher.prototype = Object.create(Person.prototype);
Teacher.prototype.constructor = Teacher;
this.subject = subject;
}
join(), shift(), unshift()
匿名函数，可以看出来可以传递：
myButton.onclick = function() {
alert(‘hello’);
}
匿名函数也称为函数表达式。函数表达式与函数声明有一些区别。函数声明会进行声明提升（declaration hoisting），而函数表达式不会
可以使用addEventListener来快速定义事件，https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
//事件中可以传递event参数，event.target是事件所属的objects，
//还有一些函数有不同的参数
function bgChange(event) {
var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
event.target.style.backgroundColor = rndCol;
console.log(event);
}
btn.addEventListener('click', bgChange);
//在表单中时可以阻止提交
e.preventDefault();
//阻止事件冒泡
e.stopPropagation();
事件冒泡和捕获
解析json：
为了载入 JSON 到页面中，我们将使用 一个名为XMLHTTPRequest的API
类结构：
|
|__ constructor:
| |
| |__ prototype
|
|__ __proto__
默认情况下, 所有函数的原型属性的 proto 就是 window.Object.prototype
用new创建的对象，有点类似继承，但是以Person作为父
原型链中的“连接”被定义在一个内部属性中，在 JavaScript 语言标准中用 [[prototype]] 表示（参见 ECMAScript）。然而，大多数现代浏览器还是提供了一个名为 proto （前后各有2个下划线）的属性，其包含了对象的原型。疑问是，这里我看prototype是一个无限循环，proto 才是正常的
只有在prototype中的元素才会被继承，如Object.prototype.valueOf()
每一个函数对象（Function）都有一个prototype属性，并且只有函数对象有prototype属性，因为prototype本身就是定义在Function对象下的属性。当我们输入类似var person1=new Person(…)来构造对象时，JavaScript实际上参考的是Person.prototype指向的对象来生成person1。另一方面，Person()函数是Person.prototype的构造函数，也就是说Person===Person.prototype.constructor
考虑到JavaScript的工作方式，由于原型链等特性的存在，在不同对象之间功能的共享通常被叫做 委托 - 特殊的对象将功能委托给通用的对象类型完成。这也许比将其称之为继承更为贴切，因为“被继承”了的功能并没有被拷贝到正在“进行继承”的对象中，相反它仍存在于通用的对象中。
示例
var myHeading = document.querySelectorAll('h1')
myHeading[0].textContent = 'Hello world!'
function setUserName () {
var myName = prompt('Please enter your name.')
localStorage.setItem('name', myName)
myHeading[1].textContent = 'Mozilla is cool, ' + myName
}
if (localStorage.getItem('name') === 'null') {
setUserName()
} else {
var storedName = localStorage.getItem('name')
myHeading[1].textContent = 'Mozilla is cool, ' + storedName
}
// 有许多方式可以获取 DOM 节点；在此我们获取表单本身和
// email 输入框，以及我们将放置错误信息的 span 元素。
var form = document.getElementsByTagName('form')[0];
var email = document.getElementById('mail');
var error = document.querySelector('.error');
email.addEventListener("input", function (event) {
// 当用户输入信息时，验证 email 字段
if (email.validity.valid) {
// 如果验证通过，清除已显示的错误消息
error.innerHTML = ""; // 重置消息的内容
error.className = "error"; // 重置消息的显示状态
}
}, false);
form.addEventListener("submit", function (event) {
// 当用户提交表单时，验证 email 字段
if (!email.validity.valid) {
// 如果验证失败，显示一个自定义错误
error.innerHTML = "I expect an e-mail, darling!";
error.className = "error active";
// 还需要阻止表单提交事件，以取消数据传送
event.preventDefault();
}
}, false);