javascript
一、存在形式
HTML编写要按照<html></html>的格式
CSS的格式是<style></style>
而javascript是在<script><script>里写的
和CSS一样 也可以保存在文件中，然后导入进去，可以放在head里面，也可以放在body里,但是一般读放在<body>里面的底部。因为放在上面会一直等javascript缓存好了页面才会一下全部显示出来，动态的效果打开比较慢，就得一直等着，代码是从上到下执行的，放在body里，用户打开页面的时候可以先进入到页面，让动态的接着缓存。然后再慢慢的显示出来。
导入xxx.js文件中的javascript：<script src = "xxx.js"></script>
function f1(){}这是javascript里函数的格式
二、变量
格式：
全局变量：a="xxx"
局部变量：var a = "xxx" 前面要加一个var
// 在javascript里是单行注释的意思
/* 是多行注释的意思
注意：此注释只在script里生效
每一行代码之后都要加一个；因为以后可能会把多行的内容压缩成一行，这样没有；就会出错
三、数据类型
格式：
num1 = 123 创建了一个原始值
num2 = new Number(123) 根据Number类型创建了一个对象
JavaScript 中的数据类型分为原始类型和对象类型：
- 原始类型
- 数字
- 字符串
- 布尔值
- 对象类型
- 数组
- “字典”
- ...
特别的，数字、布尔值、null、undefined、字符串是不可变。
null ：和python的none一样
undefined：是一个特殊值，表示变量未定义。
判断数据类型：
n = "123"
ret = typeof n
结果是 “number"
1、数字
1、数字（Number）
JavaScript中不区分整数值和浮点数值，JavaScript中所有数字均用浮点数值表示。
转换：
- parseInt(..) 将某值转换成数字，不成功则NaN
- parseFloat(..) 将某值转换成浮点数，不成功则NaN
特殊值：
- NaN，非数字。可使用 isNaN(num) 来判断。
- Infinity，无穷大。可使用 isFinite(num) 来判断。
- typeof，判断类型
功能的计算模块Math
常量 Math.E 常量e，自然对数的底数。 Math.LN10 10的自然对数。 Math.LN2 2的自然对数。 Math.LOG10E 以10为底的e的对数。 Math.LOG2E 以2为底的e的对数。 Math.PI 常量figs/U03C0.gif。 Math.SQRT1_2 2的平方根除以1。 Math.SQRT2 2的平方根。 静态函数 Math.abs( ) 计算绝对值。 Math.acos( ) 计算反余弦值。 Math.asin( ) 计算反正弦值。 Math.atan( ) 计算反正切值。 Math.atan2( ) 计算从X轴到一个点的角度。 Math.ceil( ) 对一个数上舍入。 Math.cos( ) 计算余弦值。 Math.exp( ) 计算e的指数。 Math.floor( ) 对一个数下舍人。 Math.log( ) 计算自然对数。 Math.max( ) 返回两个数中较大的一个。 Math.min( ) 返回两个数中较小的一个。 Math.pow( ) 计算xy。 Math.random( ) 计算一个随机数。 Math.round( ) 舍入为最接近的整数。 Math.sin( ) 计算正弦值。 Math.sqrt( ) 计算平方根。 Math.tan( ) 计算正切值。
2、字符串（String）
字符串是由字符组成的数组，但在JavaScript中字符串是不可变的：可以访问字符串任意位置的文本，但是JavaScript并未提供修改已知字符串内容的方法。
常见功能：
索引：
s1.chart(0)
s1.(0)
切片：
s1.slice(1,3)
分割：字符串和正则都可以写
s1.split（”xxxxx"）
s1.split(/w+/)
1 obj.length 长度 2 3 obj.trim() 移除空白 4 obj.trimLeft() 5 obj.trimRight) 6 obj.charAt(n) 返回字符串中的第n个字符 7 obj.concat(value, ...) 拼接 a="alex" b="sb" c=a.concat(b) 8 obj.indexOf(substring,start) 子序列位置 9 obj.lastIndexOf(substring,start) 子序列位置 10 obj.substring(from, to) 根据索引获取子序列 11 obj.slice(start, end) 切片 12 obj.toLowerCase() 大写 13 obj.toUpperCase() 小写 14 obj.split(delimiter, limit) 分割 15 obj.search(regexp) 从头开始匹配，返回匹配成功的第一个位置(g无效) 16 obj.match(regexp) 全局搜索，如果正则中有g表示找到全部，否则只找到第一个。 17 obj.replace(regexp, replacement) 替换，正则中有g则替换所有，否则只替换第一个匹配项， 18 $数字：匹配的第n个组内容； 19 $&：当前匹配的内容； 20 $`：位于匹配子串左侧的文本； 21 $'：位于匹配子串右侧的文本 22 $$：直接两$符号
<body> <div id="i1" style="background-color: red;color: white;font-size: 50px;text-align: center";>欢迎莅临指导</div> <script type="text/javascript"> //定时器 每多久执行一次函数 setInterval(function () { //获取到i1这个标签 d1 = document.getElementById('i1'); //获取文本内容 d1_text = d1.innerText; //索引 first_char = d1_text[0]; //切片 sub_char = d1_text.slice(1,d1_text.length); //合并 new_str = sub_char + first_char; d1.innerText = new_str //1000毫秒刷新一次 },1000) </script> </body>
3、布尔类型（Boolean）
布尔类型仅包含真假，与Python不同的是其首字母小写。
- == 比较值相等
- != 不等于
- === 比较值和类型相等
- !=== 不等于
- || 或
- && 且
boolean 转换bool值：a = 123 boolean(a) 结果是true
4、数组
JavaScript中的数组类似于Python中的列表
常见功能：
1 obj.length 数组的大小 2 3 obj.push(ele) 尾部追加元素 4 obj.pop() 尾部获取一个元素 5 obj.unshift(ele) 头部插入元素 6 obj.shift() 头部移除元素 7 obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素 8 obj.splice(n,0,val) 指定位置插入元素 9 obj.splice(n,1,val) 指定位置替换元素 10 obj.splice(n,1) 指定位置删除元素 11 obj.slice( ) 切片 12 obj.reverse( ) 反转 13 obj.join(sep) 将数组元素连接起来以构建一个字符串 14 obj.concat(val,..) 连接数组 15 obj.sort( ) 对数组元素进行排序
四、其他
1、序列化
- JSON.stringify(obj) 序列化成字符串 例 a = [11,22,33] JSON.stringify(a) 结果就是"[11,22,33]"
- JSON.parse(str) 反序列化成其他对象 例： a = "[11,22,33]" JSON.parse(a) 结果是 [11,22,33]
2、转义
- decodeURI( ) URl中未转义的字符
- decodeURIComponent( ) URI组件中的未转义字符
- encodeURI( ) URI中的转义字符
- encodeURIComponent( ) 转义URI组件中的字符
- escape( ) 对字符串转义
- unescape( ) 给转义字符串解码
- URIError 由URl的编码和解码方法抛出
3、eval
JavaScript中的eval是Python中eval和exec的合集，既可以编译代码也可以获取返回值。
- eval()
- EvalError 执行字符串中的JavaScript代码
4、正则表达式
1、定义正则表达式
- /.../ 用于定义正则表达式
- /.../g 表示全局匹配
- /.../i 表示不区分大小写
- /.../m 表示多行匹配
JS正则匹配时本身就是支持多行，此处多行匹配只是影响正则表达式^和$，m模式也会使用^$来匹配换行的内容)
var pattern = /^Java\w*/gm; var text = "JavaScript is more fun than \nJavaEE or JavaBeans!"; result = pattern.exec(text) result = pattern.exec(text) result = pattern.exec(text)
2、匹配
JavaScript中支持正则表达式，其主要提供了两个功能：
- test(string) 检查字符串中是否和正则匹配
exec(string) 获取正则表达式匹配的内容，如果未匹配，值为null，否则，获取匹配成功的数组。
更多javascript操作进入：http://www.shouce.ren/api/javascript/main.html
条件语句
JavaScript中支持两个中条件语句，分别是：if 和 switch
if(条件){ }else if(条件){ }else{ }
switch(name){ case '1': age = 123; break; case '2': age = 456; break; default : age = 777; }
2、循环语句
JavaScript中支持三种循环语句，分别是：
var names = ["alex", "tony", "rain"]; for(var i=0;i<names.length;i++){ console.log(i); console.log(names[i]); }
var names = ["alex", "tony", "rain"]; for(var index in names){ console.log(index); console.log(names[index]); }
while(条件){ // break; // continue; }
3、异常处理
ry { //这段代码从上往下运行，其中任何一个语句抛出异常该代码块就结束运行 } catch (e) { // 如果try代码块中抛出了异常，catch代码块中的代码就会被执行。 //e是一个局部变量，用来指向Error对象或者其他抛出的对象 } finally { //无论try中代码是否有异常抛出（甚至是try代码块中有return语句），finally代码块中始终会被执行。 }
注：主动跑出异常 throw Error('xxxx')
六、函数
avaScript中函数基本上可以分为一下三类：
// 普通函数 function func(arg){ return true; } // 匿名函数 var func = function(arg){ return "tony"; } // 自执行函数 (function(arg){ console.log(arg); })('123')
注意：对于JavaScript中函数参数，实际参数的个数可能小于形式参数的个数，函数内的特殊值arguments中封装了所有实际参数。
2、作用域
JavaScript中每个函数都有自己的作用域，当出现函数嵌套时，就出现了作用域链。当内层函数使用变量时，会根据作用域链从内到外一层层的循环，如果不存在，则异常。
切记：所有的作用域在创建函数且未执行时候就已经存在。
python的作用域是这样的：
结果是10个f1函数
而javascript中的作用域是先从自己作用域开始找，如果没有再往父级一层一层的找，直到找到最上层为止
3、面向对象
function Foo (name,age) { this.Name = name; this.Age = age; this.Func = function(arg){ return this.Name + arg; } } var obj = new Foo('alex', 18); var ret = obj.Func("sb"); console.log(ret);
对于上述代码需要注意：
- Foo充当的构造函数
- this代指对象
- 创建对象时需要使用 new
上述代码中每个对象中均保存了一个相同的Func函数，从而浪费内存。使用原型和可以解决该问题：
function Foo (name,age) { this.Name = name; this.Age = age; }
//在类foo里创建方法 Foo.prototype = { GetInfo: function(){ return this.Name + this.Age }, Func : function(arg){ return this.Name + arg; } }
浙公网安备 33010602011771号