Javascript基础知识总结一

Javascript基础知识总结一

Javascript基础知识总结一

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
/*JavaScript词法结构*/
var a = Math.random();
console.log("随机值:" + a);
//返回最大值
var m = Math.max(1, 2, 3);
console.log(m);
// javascript Date
var d = new Date();
var m = d.getFullYear();
console.log(m);
//instanceof运算符表示如果左侧的对象是右侧的实例则返回 true
console.log(d instanceof Date);
// delete 运算符:
var o = {x: 1, y: 2};
console.log("删除前:");
console.log(o);
console.log(delete o.x);
console.log("删除后:");
console.log(o)
//异常处理:
try { } catch (exception) { }
finally { }
//javascript oop:
/*首先简单认识下面向对象都有哪些特性:参考:http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/
* 1:一切事物皆对象 2:对象具有封装、继承、多态 3:对象与对象之间通过消息进行通信
* javascript 基于原型(prototype) 与基于类(Class)的 oop
* */
//使用原型链实现继承:
//声明对象构造器(constructor):
function Animal() { }
//指定animal对象的原型:
Animal.prototype = {
name: "animal",
weight: 0,
des: function () {
console.log("动物")
}
};
//声明Mammal(哺乳動物)的对象构造器(constructor)
function Mammal() {
this.name = "mammal"
}
//创建对象mammal和对象animal之间的原型链:
Mammal.prototype = new Animal();
//声明sheep对象构造器:
function Sheep(height, weight) {
this.name = "sheep",
this.weight = weight,
this.height = height
}
//构建sheep与mammal之间的原型链:
Sheep.prototype = new Mammal();
//重新指定des方法:此方法将覆盖从animal继承过来的des方法
Sheep.prototype.des = function () {
console.log("羊")
}
//验证:
var sheep = new Sheep(200, 100)
//每个对象都有一个 __proto__属性来实现对原型的隐式引用
console.log(sheep.__proto__ === Sheep.prototype) //--true
console.log(Sheep.prototype.__proto__ === Mammal.prototype) //--true
console.log(Mammal.prototype.__proto__ === Animal.prototype) //--true
sheep.des(); //JavaScript类式继承实现方法:
function Sup() {
this.colors = ["red", "blue"];
}
function Sub() {
Sup.call(this);
}
console.log(new Sub().colors[0]);
//javascript 利用闭包实现信息隐藏
function user(name) {
//定義私有屬性
var _name = name;
//定義私有方法
function getName() {
return _name;
} //讓該對象的其他公共方法能訪問到私有成員
this.nameService = function () {
return getName();
}
}
//聲明公共成員:
user.prototype.pubGetName = function (name) {
return this.nameService() === name;
}
var u = new user("哆啦A夢");
console.log(u.pubGetName("哆啦A夢"));
console.log(u.name); //undefined,表示無法訪問私有成員
console.log(u.nameService()) /*JavaScript 函數 1:定義函數時第一個字母小寫
* */
//定義一個匿名函數
$(function () {
(function (x, y) {
console.log(x + y);
})(2, 3);//并立即執行:
})
</script>
</head>
<body>
<header>jascript基础学习一</header> </body>
</html>

  未完待续...

04-09 18:03