目录
一、如何使用js？
二、第一个js程序
三、注释
四、快捷键
五、命名规则
六、特点
七、打印
?? alert和console有什么区别？
?? 既然有了alert为什么还有console？
思维导图
什么叫继承？
什么是原型继承？
js可以实现多继承
原型链
js成员的访问规则
一、如何使用js？
head标签中添加<script type="text/javascript"></script>
二、第一个js程序
<html>
<head>
<title></title>
<style type="text/css">
</style>
<script type="text/javascript">
//alert("Hello World"); //相当于C#的Messagebox.show
console.log("Hello World"); //前台不显示，打印在后台
</script>
</head>
<body>
</body>
</html>三、注释
// 行注释
/* */ 块注释
四、快捷键
notepad++快捷键
Ctrl+K：多行注释
Ctrl+q：取消多行注释
Ctrl+shift+K：
五、命名规则
C# ：帕斯卡，GetMax（int num1,int num2）
js：骆驼命名规则，getMax（num1，num2）
六、特点
- 大小写敏感
- js不编译，直接解释执行
七、打印
Alert("Hello World"); （弹出警告框。相当于C#的Messagebox.Show，缺点：会阻塞程序）
console.log("Hello World"); 写入到浏览器的控制台
?? alert和console有什么区别？
相当于C#的Messagebox.Show
前台不显示，打印在后台
?? 既然有了alert为什么还有console？
每执行一次alert就会阻塞程序，console不需要阻塞程序就直接在后台打印内容
思维导图
C#：从类继承
js：从对象继承
什么叫继承？
模板（类）
原型继承（实体）
有一个对象存在，构造函数设置原型为这个对象
创建出来的对象就继承与这个对象（从对象那里继承）
<script type="text/javascript">
onload = function () {
var Person= function(){
this.say = function(){
alert("你好");
};
};
var p1= new Person();
var p2 = new Person();
p1.say();
};
</script>此时p1、p2用的不是同一个say方法
方法与变量name、age等字段一样，占据了对象的内存
也就是说，每创建一个这样的函数，就会浪费一段这样的内存空间
什么是原型继承？
原型就是函数的prototype属性
//使用继承后
var Person = function(){
};
Person.prototype ={say:function(){
alert("牛号");
}};
var p1 = new Person();
var p2 = new Person();
alert(p1.say===p2.say); //打印truejs可以实现多继承
<script type="text/javascript">
onload = function () {
var inherite= function(name){
this.name= name;
};
var o = {
sayHello:function(){
alert("你好，我是"+ (this.name || "不存在"));
}
};
o.sayHello(); //此时打印”你好，我是不存在“
inherite.call(o,"赵晓虎");
o.sayHello(); //此时打印”你好，我是赵晓虎“
};
</script>原型链
如果需要原型，那么就一定要有函数
每一个对象有一个属性叫：_proto_
对象有原型，那么原型也是对象，原型也有原型
所有的函数是对象，继承自Function.prototype
Function.prototype是对象，继承自Object.prototype
Object.prototype是对象，继承自null
obj是对象，继承自Object.prototype
Function是对象，继承自Function.prototype
Function是函数，继承自Function.prototype
js成员的访问规则
O.方法( )
首先在o当前这个类型中寻找该成员的定义，如果存在该成员的定义，那么就直接使用该成员
如果该成员不在当前类型中，就访问其原型（原型链中的上一级）
以此类推，直到null位置
什么是js框架库？
使用js代码封装为一些文件，使用时只要引用进来即可
常见的js库
Prototype、YUI、Dojo、ExtJS、Jquery等