1.基本数据类型和一些运算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="">
</script>
</head>
<body> <script type="text/javascript">
/*变量*/
var a=1,b=3;
alert(a);
var s="hello";
//console在浏览器中的检查中的console结果中可以看。
console.log(s);
if(a<b){
alert(b);
}
/*注释的方式跟Java一样*/
/*数据类型
1.Number 包括整形和浮点型
2.String 字符串数字类型
3.Boolean
4.Undefined
5.Null
NaN:字符串转换成数字失败的时候，属于number数据类型。
*/
var obj=null;
alert(obj);
var i=10;
var s="hello";
var b=false;
var t=true;
var u=undefined;
var obj2=new Object();
console.log(typeof(obj))
console.log(typeof(i));
console.log(typeof(s));
console.log(typeof(b));
console.log(typeof(t));
console.log(typeof(u));
console.log(typeof(obj2));
/*复制运算，在js和Java中有++和--运算，但是python里面没有*/
var ja=1;
//运算前先赋值，在加一
var he=ja++;
alert(he);
alert(ja)
//有意思的13221
var x=1;
alert(x++);
alert(++x);
alert(--x);
alert(x--);
alert(x); </script>
</body>
</html>
2.ecmascript的基于对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ECMA对象</title> <script type="text/javascript">
/*在js中由于是基于对象的，并且分成了三种对象
1.ECMAscript
2.DOM对象
3.BOM对象
*/
/*ECMA中的11中内置的对象
Array String Date Boolean Number Function Global Error RegExp Object
在数据类型中除了null和undefined，其它的都是定义成了对象。
*/
var str=new String("Hello");
alert(str);
var date=new Date();
alert(date);
/*函数对象Function*/
function func(){
alert(123);
return 8;
}
func();
var ret=func();
alert(ret);
//第二种方式
var fun1=new Function("参数1","参数2","函数体");
var add=new Function("a","b","alert(a+b);");
var result=add(22,1);
console.log(result);
//Function的属性和方法
function f(a,b){
return a+b;
}
alert(f(1,2));
alert(void(f(1,2)));
//Function中的argument对象
var result=0;
function add222(){
for(var i=0;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}
var ha=add222(1,2,3,4,5,6,7);
alert(ha); function func2(){
if(arguments.length!=3){
throw new Error("参数不能超过3");
}
}
func2(1,2,3);
/*匿名函数*/
var niminghanshu=function(){
alert("匿名函数");
};
niminghanshu();
//根据匿名函数，可以使用自执行函数。
(function(a){
alert("匿名函数2");
})(1);
</script>
</head>
<body> </body>
</html>
3.内置对象之数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组</title> <script type="text/javascript">
//创建方式一：
var arr=[1,2,3,4];
//创建方式二
var arr2=new Array(1,"hellow",true,4,5);
console.log(arr.length);
console.log(arr2.length);
//创建方式三
var arr3=new Array(3);
console.log(arr3.length);
//相当于占用了三个位置值为：undefined
//如果采用初始化方式创建数组，如果里面只有一个值，而且是一个数字，
//那么数字表示的是长度而不是内容。
console.log(arr3[0]);
console.log(arr3[1]);
console.log(arr3[2]);
console.log(arr3); //数组可变长，也就是因为undefined的存在
//也就是说在别的语言要报错误的时候，js可以使用undefined进行解释
//这就体现了灵活性。
var arr4=new Array(3);
arr4[5]='hellow';
console.log(arr4.length);
console.log(arr4[3]);
/*数组:*/
//二维数组
var arr4=new Array(5,"hello",true,[1,3]);
console.log(arr4[3][1]);
//数组对象的方法join,在Python中字符串对象才有join *****
var reluts=["hello","world"].join("++++++");
console.log(reluts);
//shitf unshift pop push -------栈操作--------*****
//队列，先进先出；栈，后进先出。 //压栈push，弹栈pop，后进先出
var arr5=[1,4,6];
arr5.push(13);
console.log(arr5);
arr5.pop();
console.log(arr5);
//shift 和unshift
var arr6=[1,5,10];
console.log(arr6);
arr6.unshift(45);
console.log(arr6);
console.log(arr6[0]);
arr6.shift();
console.log(arr6);
//----------sort reverse---------------
var arr7=[1,4,12,6];
arr7.reverse();
console.log(arr7);
console.log(arr7.sort());//sort排序比较的是assic码 </script>
</head>
<body> </body>
</html>
4.引用对象之Date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>date</title> <script type="text/javascript">
/*创建方式*/
//第一种
var date=new Date();
console.log(date);
console.log(date.toString());
console.log(date.toLocaleString());
//第二种
var date=new Date("2017/3/21 12:20 ");
alert(date.toLocaleString());
//第三种,这种方法可以自定义时间格式，通过字符串拼接。
var date_obj3=new Date(5000);
console.log(date_obj3.toLocaleString());
console.log(date_obj3.getFullYear());
console.log(date_obj3.getMonth());
console.log(date_obj3.getDay());
console.log(date_obj3.getHours());
console.log(date_obj3.getMinutes());
console.log(date_obj3.getHourMinuteSecond);
console.log(date_obj3.getMilliseconds()); </script>
</head>
<body> </body>
</html>
5.正则表达式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>RegExp</title> <script type="text/javascript">
//方式一
var re_obj=new RegExp("/d+","g");
alert(re_obj.test("asdf3245sdk"));
//方式二
var re_obj2=/\d+/g;
alert(re_obj2.test("fslfsfjsdkafjs"));
/*未完待续*/
</script>
</head>
<body> </body>
</html>