JavaScript

最新推荐文章于 2022-10-18 19:45:55 发布

刘泽宇宇

最新推荐文章于 2022-10-18 19:45:55 发布

阅读量46

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/xiaoyu5632/article/details/124229082

版权

## JavaScript

*概念：一门客户端脚本语言

*运行在客户端浏览器中。每一个浏览器都有JavaScript的解析引擎

*脚本语言：不需要编译，直接就可以被浏览器解析执行了

*功能：可以来增强用户和HTML页面的交互过程，可以来控制HTML元素，让页面有一些动态的效果，增强用户的体验

*ECMAScript：客户端脚本语言的标准

1.基本语法：

1.与HTML结合方式

1.内部js:

*定义<script>，标签体内容就是js代码

2.外部js

*定义<script>，通过src属性引入外部的js文件

*注意：

1.<script>可以定义在HTML页面的任何地方。但是定义位置会影响执行顺序

2.<script>可以定义多个

2.注释

1.单行注释：//注释内容

2.多行注释：/*注释内容*/

3.数据类型：

1.原始数据类型（基本数据类型）：

1.number：数字。整数/小数/NaN（not a number 一个不是数字的数字类型）

2.string：字符串

3.boolean：TRUE 和 false

4.null：一个对象为空的占位符

5.undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为这个

2.引用数据类型：对象

4.变量

*变量：一小块存储数据的内存空间

*Java语言是强类型语言，而JavaScript是弱类型语言

*强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据

*弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据

*语法：

*var 变量名 = 初始化值；

*typeof运算符：获取变量的类型

*注意：null运算后的到的是object

5.运算符

1.一元运算符：只有一个运算数的运算符

++，- -，+ 正号，-负号

*++ --：自增（自减）

*++（--）在前，先自增（自减），在运算

*++（--）在后，先运算，在自增（自减）

*+（-）：正负号

*注意：在js中，如果运算数不是运算符所要求的的类型，那么js引擎会自动的将运算数进行类型转换

*其他类型转number:

*string转number:按照字面值转换。如果字面值不是数字，则转为NaN

*boolean转number:true转为1，false转为0

2.算数运算符

3.赋值运算符

4.比较运算符

*比较方式

1.类型相同：直接比较

*字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止

2.类型不同：先进行类型转换，在比较

* ===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false

5.逻辑运算符

&&：与（短路）

||：或（短路）

！：非

*其他类型转boolean:

1.number：0或NaN为假，其他为真

2.string：除了空字符串（“”），其他都是TRUE

3.null&unfined：都是flase

4.对象：所有对象都为true

6.三元运算符

?:表达式

var a =3;

var b =4;

var c = a>b ? 1:0;

*语法：

*表达式？值1：值2；

*判断表达式的值，如果是true则取值1，如果是false则取值2；

6.流程控制语句：

1.if....else...

2.switch:

*在java中，switch语句可以接受的数据类型：byte int shor char ,枚举（1.5），String(1.7)

*switch(变量)：

case 值：

*在js中，switch语句可以接受任意的原始数据类型

3.while

4.do.....while

5.for

7.特殊语法：

语句以；结尾，如果一行只有一条语句则；可以省略（不建议）

变量的定义使用var关键字，也可以不适用

*用：定义的变量是局部变量

*不用：定义的变量是全局变量

8.练习：（九九乘法表）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        td {
            border: 1px solid;
        }
    </style>
    <script>
        document.write("<table align='center'>")
        //1.完成基本的for循环嵌套，展示乘法表
        for (var i = 0; i < 9; i++) {
            document.write("<tr>");
            for (var j = 1; j <=i ; j++) {
                document.write("<td>");
                document.write(i+"*"+j+"="+(i*j)+"&nbsp;&nbsp;&nbsp");
                document.write("</td>");
            }
            // //换行输出
            // document.write("<br>")
            document.write("</tr>");
        }

        //完成表格的嵌套
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>

2.基本对象：

Function对象：

Function：函数（方法）独享

1、创建

1.var fun = new Function(形式参数列表，方法体)；//不建议使用，忘了他吧

2.function 方法名称（形式参数列表）{

方法体

}

3.var 方法名 = function（形式参数列表）{

方法体

}

2、方法：

3、属性：

length：代表形参的个数

4、特点：

1.方法定义是，形参的类型不用写，返回值类型也不写

2.方法是一个对象，如果定义名称相同的方法，会覆盖

3.在js中，方法的调用只与方法的名称有关，和参数列表无关

4.在方法声明中有一个隐藏的内置对象（数组）,arguments，封装所有的实际对象

5、调用：

方法名称（实际参数列表）;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var fun = new Function ("a","b","alert(a+b);")
    fun(1,2);

    function fun1(a,b){
        alert(a-b);
    }
    fun1(2,5);

    var fun2 = function (a,b){
        alert(a*b);
    }
    fun2(2,10);

    //length属性
    alert(fun2.length);

    /*
    * 求两个数的和
    * */
    var add = function (a,b){
        return a+ b;
    }
    var sum = add(1,2);
    alert(sum);

    /*
    * 求任意个数的和
    * */
    function add2 (){
        var sum = 0;
        for (var i = 0; i < arguments.length; i++) {
            sum += arguments[i];
        }
        return sum;
    }
    var s = add2(1,4,7,9);
    alert(s);


</script>
</body>
</html>

Array对象

Array: 数组对象

1、创建：

1.var arr = new Array(元素列表)；

2.var arr = new Array(默认长度)；

3.var arr = [元素列表]；

2、方法

join（参数）：将数组中的元素按照指定的分隔符拼接为字符串

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

3、属性

length：数组的长度

4、特点：

1.JS中，数组元素的类型可变

2.JS中，数组的长度可变

<script>
    var arr1 = new Array(1,"的撒旦撒旦撒",null,true);
    document.write(arr1+"<br>");

    var arr2 = new Array(5);
    document.write(arr2+"<br>");

    var arr3 = [1,2,5,"aaa",true];
    document.write(arr3+"<br>");

    var arr4 = [1,"abc",true];
    document.write(arr4[0]+"<br>");
    document.write(arr4[2]+"<br>");
    document.write(arr4[4]+"<br>");

    arr4[10] = 'hehe';
    document.write(arr4[10]+"<br>");
    document.write(arr4[9]+'<br>');

    document.write(arr4.join("====")+'<br>');
    arr4.push(11);
    document.write(arr4);
</script>

Date对象

Date：日期对象

1.创建：

var date = new Date（）；

2.方法：

toLocaleString（）：返回当前date对象对应的时间本地字符串格式

getTime（）：获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒差值

<script>
    var date =new Date();
    document.write(date+"<br>");

    document.write(date.toLocaleDateString()+"<br>")
</script>

Math对象

Math：数学对象

1、创建：

*特点：Math对象不用创建，直接使用。Math.方法名（）；

2、方法：

random（）：返回0~1之间的随机数。包含0不包含1

ceil（x）：对数进行上舍入

floor（x）：对数进行下舍入

round（）：把数四舍五入为最接近的整数

3、属性：

<script>
    /*
    * 取 1~100 之间的随机整数
    *   1.Math.random() 产生随机数：范围(0,1】小数
    *   2.乘以100 --> [0,99.9999]小数
    *   3.舍弃小数部分：floor --> [0,99]整数
    *   4. +1 --> [0,99] -->[1,100]
    * */

    var number = Math.floor((Math.random() * 100)) +1;
    document.write(number);
</script>

RegExp对象

RegExp：正则表达式对象

1、正则表达式：定义字符串的组成规则

1.单个字符：[ ]

如：[a] [ab] [a-zA-Z0-9]

*特殊符号代表特殊含义的单个字符：

\d：单个数字字符 [0-9]

\w：单个单词字符[ a-zA-Z0-9_]

2.量词符号：
？：表示出现0次或1次

*：表示出现0次或多次

+：出现1次或多次

{m,n}：表示 m<= 数量 <= n

*m如果缺省：{，n}：最多n次

*n如果缺省：{m，}：最少m次

2、正则对象：

1.创建：

1. var reg = new RegExp("正则表达式")；

2.var reg = /正则表达式/；

2.方法

1.test(参数)：验证指定的字符串是否符合正则定义的规范

<script>
    var reg = new RegExp('\w{6,12}');

    var reg2 = /^\w{6,12}$/;

    var username = "zhangsandsiiao";

    var flag = reg2.test(username);
    alert(flag);
</script>

Global对象

Global

1、特点：全局对象，这个Global中的封装方法不需要对象就可以直接调用。方法名（）；

2、方法：

encodeURI（）：url编码

decodeURI（）：url解码

encodeURIComponent（）：url编码，编码的字符更多

decodeURIComponent（）：url解码

parseInt（）：将字符串转为数字

*逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number

isNaN（）：判断一个值是否是NaN

*NaN六亲不认，连自己都不认。NaN参与的==比较全部问false

eval（）：将JavaScript 字符串，并把他作为脚本代码来执行

3、URL编码

<script>
    var str = "http://www.baidu.com?wd=传智播客";
    var encode = encodeURI(str);
    document.write(encode+"<br>");
    var s = decodeURI(encode);
    document.write(s+"<br>");

    var str1 = "http://www.baidu.com?wd=传智播客";
    var encode1 = encodeURIComponent(str1);
    document.write(encode1+"<br>");
    var s1 = decodeURI(encode1);
    document.write(s1+"<br>");

    var str2 = "a123avc0";
    var number = parseInt(str2);
    alert(number+1);

    var a =NaN;
    alert(a ==NaN);
    document.write(isNaN(a));
</script>

— —— —本人上课笔记，总结不全，推荐

刘泽宇宇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript

## JavaScript*概念：一门客户端脚本语言*运行在客户端浏览器中。每一个浏览器都有JavaScript的解析引擎*脚本语言：不需要编译，直接就可以被浏览器解析执行了*功能：可以来增强用户和HTML页面的交互过程，可以来控制HTML元素，让页面有一些动态的效果，增强用户的体验*ECMAScript：客户端脚本语言的标准 1.基本语法： 1.与HTML结合方式 ...
复制链接

扫一扫