开发你不能忽略的问题？JavaScript（JS）

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>JavaScript程序编写</title>
<!-- 内部JS -->
<script type="text/javascript">
// 编写JavaScript代码
alert(1);
</script>
<!-- 外部JS-->
<script type="text/javascript" src="1.js"></script>

<script type="text/javascript">
// 定义所有变量都用var，但是变量本身具有类型
vara = 10; // 整数
varb = 1.5; // 浮点数
varc = true; // 布尔
vard = "abc"; // 字符串 基本数据类型
vare = 'abc'; // 字符串
// 通过typeof查看数据类型
alert(typeof d);
// 通过instanceof判断变量数据类型
alert(d instanceof Object);//falae
alert(a instanceof Object);//falae
vars = newString("abc"); // 对象类型
alert(s instanceofObject);
</script>

<script type="text/javascript">
vars1 = "abc"; // s1是基本数据类型
vars2 = newString("abc") ; // s2是对象类型
// alert(s1 == s2); //
// alert("98"==98);// true
// alert("true"==true); // false
// alert(1==true); // true
vard = 010;// 八进制
vard2 = 0x10; // 十六进制
// match方法 类似 Java中 matches，有区别
// alert(/^d+$/.test("1234abc")); // 等价于 java中matches
// alert("1234".match("^\d+$")); // math方法返回的是匹配正则表达式内容，而不是布尔值
// alert(/^d+$/.exec("1234abc1234"));// 返回匹配的内容
// Date使用
vardate = newDate(); //当前日期
alert(date.toLocaleString());// 返回当地国际化日期格式
vardateStr = date.getFullYear()+"-"+date.getMonth()
+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()
+":"+date.getSeconds();
alert(dateStr);
</script>

<script type="text/javascript">
// 定义数组 使用Array对象
// 方式一
vararr1 = [1,2,3];
// 数组的遍历 通过长度和下标
for(vari=0;i< arr1.length ; i++){
// alert(arr1[i]);
}
// 方式二
vararr2 = newArray(3);// 定义长度为3的数组
arr2[0] = "aa";
arr2[1] = "bb";
arr2[2] = "cc"
arr2["100"] = "dd";
// alert(arr2.length);
// alert(arr2[4]);
// 方式三
vararr3 = newArray(1,2,3);// 数组三个元素 1, 2 ,3
// alert(arr3.join("-")); // 1-2-3
alert(arr3.slice(1,3)); // 从1下标，截取到3下标，1下标包含，3下标不包含
</script>

<script type="text/javascript">
// 方式一
functionadd(a,b){ // 没有返回值，形参不需要声明类型
returna+b; // 可以返回
}
// alert(add(1,2));
// 方式二 function 匿名函数， sub成为函数名称
varsub = function(a,b){
returna-b;
}
// alert(sub(10,8));
// 方式三 使用Function对象 定义函数
// 语法 new Funtion(arg1,arg2 ... , body)
varmul = newFunction("a","b","return a*b;"); // 不常用
// alert(mul(10,20));
// 所有函数 都是Function实例
alert(mul instanceofFunction);// true
</script>

encodeURI()&decodeURI()
encodeURIComponent()&decodeURIComponent()
escape()&unescape()

vars = newString("aaaa");
varo = newObject();
vardate = newDate();
// alert(date instanceof Object);// true
// JS对象 类似一个map结构
vararr = newArray(3);
arr[0] = 100;// 使用数组下标 为数组元素赋值
arr['aaa'] = 1000; // 定义对象属性
// alert(arr['aaa']);
arr.showInfo = function(){// 定义对象方法
alert(arr.join(","));
};
// arr.showInfo(); //100, ,

varobj = {
name : '张三',
age : 20,
getName : function(){
// 访问对象属性 通过关键字 this
return this.name;
}
};
// 访问对象 属性 [] 和 .
// alert(obj.name);
// alert(obj["age"]);
alert(obj.getName());
// 添加一个方法到 obj对象
obj.getAge = function(){
return this.age;
}
alert(obj.getAge());
JavaScript中的对象是通过 new function创建的，在Js中function等同于一个类结构
// 定义类 结构
varProduct = function(name,price){
this.name = name; // 保存name的值 到对象属性中
this.price = price;
}
// 基于类结构创建对象，使用new 关键字
varp1 = newProduct("冰箱",1000);
varp2 = newProduct("洗衣机",1500);
// alert(p1.name);
// alert(p1.price);

Var Object = function(){...}
Var String = function(){...}
Var Array = function(){...}
Var Date = function(){...}

alert(String instanceOf Function) //true
alert(Object instanceOf Function) //true

Var s = new String()
Var o = new Object()
Var arr = new Array()
Var date = new Date()
结论：JavaScript中，一切对象都是object实例
alert(s instanceOf Object) //true
alert(Function instanceOf Object) //true
varf = newFunction(); // 实例化Function对象
varo = newObject(); // 实例化Object对象
alert(f instanceofFunction); // true
alert(f instanceofObject); // true
alert(o instanceofFunction); // false
alert(o instanceofObject); // true

varA = function(){
this.name = 'xxx';
}
varB = function(){
this.age = 20;
}
// 方式一 可以通过 prototype原型完成单继承B的原型指向A

varb = newB();
alert(b.name);
// 练习：通过prototype为String类添加一个trim方法
String.prototype.trim = function(){
return this.replace(/(^s*)(s*$)/g, "");
}
B：对象冒充完成多继承
varC = function(){
this.info = 'c';
}
varD = function(){
this.msg = 'd';
}
varE = function(){
// 同时继承C和D
this.methodC = C;
this.methodC();
delete this.methodC;
this.methodD = D;
this.methodD();
delete this.methodD;
this.desc = 'e';
}
vare = newE();
// alert(e.info);
// alert(e.msg);
// alert(e.desc);

// 定义函数
functionprintInfo(){
alert(this.name);
}
// 属性name 值 张三
varo = {name: '张三'};
// o.printInfo();// 函数不属于对象o
// JS提供动态方法调用两个方法，允许一个对象调用不是属于它自己的方法(call apply)
// printInfo.call(o);
// printInfo.apply(o);
functionadd(a,b){
this.sum = a+b;
}
// call传 多个参数
// add.call(o,8,10);
// apply 传递参数数组
add.apply(o,newArray(8,10));
// alert(o.sum);
// 动态方法调用 ，实现多重继承，原理就是对象冒充
varA = function(){
this.info = 'a';
}
varB = function(){
// 动态方法调用继承
A.call(this);
}
varb = newB();
alert(b.info);