JavaScript总结

Posted 2021-11-28 feichangnice

JavaScript定义：

javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎。

引入HTML文件方式：

<script type="text/javascript" src="helloworld.js"></script>

变量声明：

Var

基本数据类型：

• number:数字类型
• string：字符串类型
• boolean:布尔类型
• null:空类型

underfind:未定义

运算符：

=

+ - * / %

    +: 遇到字符串变成连接

    -：先把字符串转成数字然后进行运算

    *: 先把字符串转成数字然后进行运算

/: 先把字符串转成数字然后进行运算

   && ||    <    >    >=    <=    !=    ==

    ===:全等：判断类型与值是否都相等

? :

typeof:判断并返回变量的数据类型

instanceof：判断变量是否是某种数据类型

void运算符：用户点击不跳转

  <a href="javascript:void(0);">点我不跳转</a>

控制语句：

If else/switch case/for/ for in

 

对象：

内建对象

Number

创建方式：

        var num=new Number(8);

        var num=Number(6);

    属性和方法：

        toString():转成字符串

        valueOf()：返回一个 Number 对象的基本数字值

Boolean

创建方式：

    var boo = new Boolean(true);   

    var boo = Boolean(false);

属性和方法：

    toString():转成字符串

　valueOf()：返回一个 Boolean 对象的基本值(boolean)

String

创建方式：

    var str = new String("monkey");

    var str = String("script");

属性和方法：

    length:字符串的长度

    charAt():返回索引字符

    charCodeAt:返回索引字符unicode

    indexOf():返回字符的索引

    lastIndexOf();字符串中该字符最后出现的索引号

    split();将字符串按照特殊字符切割成数组

    substr():从起始索引号提取字符串中指定数目的字符

    substring():提取字符串中两个指定的索引号之间的字符

　toUpperCase();转大写

Array:

创建方式：

    var arr = new Array();//空数组

    var arr = new Array(10);//创建一个长度为10的数组

    var arr = new Array(element0, element1, ..., elementn);//创建数组直接实例化元素

    var arr = [];//空数组

    var arr = [9,8,5,"java"];//创建数组直接实例化元素

属性和方法：

    length:数组长度

    join()：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔一个

    pop():删除并返回最后元素

    push()：向数组的末尾添加一个或更多元素，并返回新的长度

    reverse();反转数组

　sort();排序

Date:

创建方式：   

    var d = new Date();

    var d = new Date(毫秒值);//代表从1970-1-1到现在的一个毫秒值

属性和方法

    getFullYear():年

    getMonth():月 0-11

    getDate():日 1-31

    getDay()：星期 0-6

    getTime():返回1970年1月1日午夜到指定日期（字符串）的毫秒数

　toLocaleString();获得本地时间格式的字符串

Math

创建方式：   

    使用Math时无需创建对象直接使用即可，例如：Math.PI

    其实Math中的方法就像Java中的静态方法，可以通过类名.方法名的方式使用

属性和方法

    PI：圆周率

    abs():绝对值

    ceil():对数进行上舍入

    floor():对数进行下舍入

    pow(x,y)：返回 x 的 y 次幂

    random():0-1之间的随机数

　round():四舍五入

正则式RegExp

创建方式：   

    var reg = new RegExp(正则);

    var reg = /^正则规则$/;

规则的写法：

    [0-9]

    [A-Z]

    [a-z]

    [A-z]

    \d    数字

    \D    非数字

    \w    查找单词字符

    \W    查找非单词字符

    \s    查找空白字符

    \S    查找非空白字符

    n+    出现至少一次

    n*    出现0次或多次

    n?    出现0次或1次

    {5} 出现5

    {2,8} 2到8次

方法：   

    test(str):检索字符串中指定的值。返回 true 或 false

需求：

    校验邮箱：

    var email = [email protected]

    var reg = /^[A-z0-9_-]+\@[A-z0-9]+\.[A-z]+$/;

reg.test(email);

函数定义:

function method(){

        alert("monkey1024");

    }

method();

匿名函数

   var method = function(){

        alert("1024");

    };

method();

对象函数

语法：new Function(参数1,参数2,…,函数体);
注意：参数名称必须使用字符串形式的写法、最后一个默认是函数体，也需要使用字符串形式

var fn = new Function("a","b","alert(a+b)");

fn(10,5);

函数参数：

形参不用使用var去修饰，直接写参数即可

形参和实参个数不一定相等

arguments对象 是个数组 会将传递的实参进行封装

function fn(a,b,c){

    //var sum = a+b+c;

    //alert(sum);

    //arguments是一个内置的数组对象，会将传递的所有实参封装到里面

    for(var i=0;i<arguments.length;i++){

        alert(arguments[i]);

    }

}

fn(6,9,5,8);

JS全局函数

编码和解码
encodeURI() decodeURI()
encodeURIComponent() decodeURIComponent()
escape() unescape()

三者区别：
进行编码的符号范围不同，实际开发中常使用第一种

强制转换

Number()

String()

Boolean()

转成数字

parseInt()

parseFloat()

eval()函数

将字符串当作javascript脚本进行解析运行

function print(str){

    eval(str);

}

print("var a=2;var b=3;alert(a+b)");

javascript的常用事件

• onclick:点击事件
• onchange:域内容被改变的事件
• onfoucus:获得焦点的事件
• onblur:失去焦点的事件
• onmouseover:鼠标悬浮的事件
• onmouseout:鼠标离开的事件
• onload:加载完毕的事件

绑定事件的方式：

var btn = document.getElementById("btn");

          btn.onclick = function(){

              alert("事件绑定3");

          };

BOM对象

Window对象

window.alert("提示信息");

 

弹框方法：

提示框

Alert(“abc”)

确认框

var res = confirm("delete？");

  alert(res);

输入框

var res =  prompt("input:");

  alert(res);

打开新网页

open方法：
window.open("url地址");

Location对象

获取当前浏览器url

alert(location.href);

跳转到新的地址（不产生浏览记录）

location.replace("http://www.qq.com");

定时器

 //只执行一次

var timer = setTimeout(function() {

    alert(1);

}, 1000);

//clearTimeout(timer); 清除定时器

//定时器多次

var i=0;

var timer = setInterval(function() {

    alert(i++);

}, 1000);

//clearInterval(timer); 清除定时器