标签:
JavaScript
JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。
1、JavaScript代码存在形式
1 <!-- 方式一 --> 2 <script type"text/javascript" src="JS文件"></script> 3 4 <!-- 方式二 --> 5 <script type"text/javascript"> 6 Js代码内容 7 </script>
2、JavaScript代码存在位置
由于Html代码是从上到下执行,如果Head中的js代码耗时严重,就会导致用户长时间无法看到页面,如果放置在body代码块底部,那么即使js代码耗时严重,也不会影响用户看到页面效果,只是js实现特效慢而已。
1 如: 2 3 <script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script> 4 <script> 5 alert(‘123‘); 6 </script>
3、变量
JavaScript中变量的声明是一个非常容易出错的点,局部变量必须一个 var 开头,如果未使用var,则默认表示声明的是全局变量
1 var name = "seven" # 局部变量 2 age = 18 # 全局变量
注:注释 // 或 /* */
4、基本数据类型、
数字(Number)
1 var page = 111; 2 var age = Number(18); 3 var a1 = 1,a2 = 2, a3 = 3; 4 parseInt("1.2"); 5 parseFloat("1.2");
字符串(String)
1 var name = "wupeiqi"; 2 var name = String("wupeiqi"); 3 var age_str = String(18); 4 5 常用方法: 6 obj.trim() 7 obj.charAt(index) 8 obj.substring(start,end) 9 obj.indexOf(char) 10 obj.length
布尔(Boolean)
1 var status = true; 2 var status = false; 3 var status = Boolen(1==1)
数组(Array)
1 var names = [‘alex‘, ‘tony‘, ‘eric‘] 2 var names = Array(‘alex‘, ‘tony‘, ‘eric‘) 3 4 常用方法: 5 添加 6 obj.push(ele) 追加 7 obj.unshift(ele) 最前插入 8 obj.splice(index,0,‘content‘) 指定索引插入 9 移除 10 obj.pop() 数组尾部获取 11 obj.shift() 数组头部获取 12 obj.splice(index,count) 数组指定位置后count个字符 13 14 切片 15 obj.slice(start,end) 16 合并 17 newArray = obj1.concat(obj2) 18 翻转 19 obj.reverse() 20 21 字符串化 22 obj.join(‘_‘) 23 长度 24 obj.length 25 26 27 字典 28 var items = {‘k1‘: 123, ‘k2‘: ‘tony‘}
序列化和反序列化
1 var items = {‘k1‘: 123, ‘k2‘: ‘tony‘} 2 3 s = JSON.stringify(items) #序列化字典 4 5 m = JSON.parse(s) #反序列化
undefined
1 undefined表示未定义值 2 var name;
null
1 null是一个特殊值
5、循环语句
1 var names = ["alex", "tony", "rain"]; 2 3 4 // 数组:方式一 5 for(var i=0;i<names.length;i++){ 6 console.log(i); 7 console.log(names[i]); 8 } 9 10 11 // 数组:方式二 12 for(var index in names){ 13 console.log(index); 14 console.log(names[index]); 15 } 16 17 var names = {"name": "alex", "age": 18}; 18 19 20 // 字典:方式一 21 for(var index in names){ 22 console.log(index); 23 console.log(names[index]); 24 } 25 26 27 // while循环 28 while(条件){ 29 // break; 30 // continue; 31 }
6、条件语句
1 //if条件语句 2 3 if(条件){ 4 5 }else if(条件){ 6 7 }else{ 8 9 } 10 11 var name = ‘alex‘; 12 var age = 1; 13 14 // switch,case语句 15 switch(name){ 16 case ‘1‘: 17 age = 123; 18 break; 19 case ‘2‘: 20 age = 456; 21 break; 22 default : 23 age = 777; 24 }
7、异常处理
1 try{ 2 3 }catch(e) { 4 5 }finally{ 6 7 }
8、函数
1 函数的声明 2 function func(arg){ 3 return true; 4 } 5 6 匿名函数 7 var func = function(arg){ 8 return "tony"; 9 } 10 11 自执行函数 12 (function(arg){ 13 console.log(arg); 14 })(‘123‘)
9、面向对象
1 function Foo (name,age) { 2 this.Name = name; 3 this.Age = age; 4 this.Func = function(arg){ 5 return this.Name + arg; 6 } 7 } 8 9 var obj = new Foo(‘wu‘, 18); 10 var ret = obj.Func("sb"); 11 console.log(ret);
标签:
原文地址:http://www.cnblogs.com/luolingfeng/p/5427540.html