JavaScript零基础入门--笔记动力节点最新老杜(三）全套笔记精髓

于 2022-04-09 12:30:00 发布
阅读量340 收藏 6
点赞数
分类专栏： 前端三件套 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47518713/article/details/124050558
版权

JS中的数据类型

1、虽然JS中的变量在声明的时候不需要指定数据类型，但是在赋值，每一个数据还是有类型的，所以这里也需要学习一下JS包括哪些数据类型？
                    JS中数据类型有：原始类型、引用类型。
                    原始类型：Undefined、Number、String、Boolean、Null
                    引用类型：Object以及Object的子类
                    
  2、ES规范(ECMAScript规范)，在ES6之后，又基于以上的6种类型之外添加了一种新的类型：Symbol
                
 3、JS中有一个运算符叫做typeof，这个运算符可以在程序的运行阶段动态的获取变量的数据类型。
                    typeof运算符的语法格式：
                        typeof 变量名
                    typeof运算符的运算结果是以下6个字符串之一：注意字符串都是全部小写。
                        "undefined"
                        "number"
                        "string"
                        "boolean"
                        "object"
                        "function"
                        
  4、在JS当中比较字符串是否相等使用“==”完成。没有equals。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        /*求和,要求a变量和b变量将来的数据类型必须是数字,不能是其他类型
        因为以下定义的这个sum函数是为了完成两个数字的求和.*/
        function sum(a,b) {
            if(typeof a=="number" && typeof b=="number"){
                return a + b;
            }
        }
        //如果你偏要写其他数据类型
        var retValue = sum('c',true)
        alert(retValue)
    </script>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS中的数据类型</title>
</head>
<body>
    <script type="text/javascript">
        var i;
        alert(typeof i); // "undefined"

        var k = 10;
        alert(typeof k); // "number"

        var f = "abc";
        alert(typeof f); // "string"

        var d = null;
        alert(typeof d); // "object"  null属于Null类型,但是typeof运算符的结果是"object"

        var flag = false;
        alert(typeof flag); // "boolean"

        var obj = new Object();
        alert(typeof obj); // "object"

        // sayHello是一个函数.
        function sayHello(){

        }
        alert(typeof sayHello); // "function"
    </script>
</body>
</html>

 Undefined类型

i默认是underfined类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Undefined类型</title>
</head>
<body>
    <script type="text/javascript">
        var i;
        var k = undefined;
        
        alert(i == k) //true
        
        var y = "undefined";
        alert(y == k) //false
    </script>
</body>
</html>

Number类型

1、Number类型包括哪些值？
                    -1 0 1 2 2.3 3.14 100 .... NaN Infinity
                    整数、小数、正数、负数、不是数字、无穷大都属于Number类型。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        var v1 = 1;
        var v2 = 3.14;
        var v3 = -100;
        var v4 = NaN;
        var v5 = Infinity;

        alert(typeof v1);
        alert(typeof v2);
        alert(typeof v3);
        alert(typeof v4);
        alert(typeof v5); // "都是number"
    </script>
</body>
</html>

 关于NaN (表示Not a Number，不是一个数字，但属于Number类型) 什么情况下结果是一个NaN呢？

运算结果本来应该是一个数字,最后算完不是一个数字的时候,结果是NaN.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        var a = 100;
        var b = "dingding";
        alert(a/b)/* 除号显然最后结果应该是一个数字,
        但是运算的过程中导致最后不是一个数字,那么最后的结果是NaN*/

        var e = "abc"
        var f = 10;
        alert(e + f)    //"abc10"

        // Infinity (当除数为0的时候，结果为无穷大)
        alert(10/0) //Infinity

        alert(10/3)// 3.3333333333333335
    </script>
</body>
</html>

  2、isNaN() : 结果是true表示不是一个数字，结果是false表示是一个数字。

        关于isNaN函数？
           用法：isNaN(数据) ,结果是true表示不是一个数字, 结果是false表示是一个数字.
           isNaN : is Not a Number 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        function sum(a,b) {
            if(isNaN(a) || isNaN(b)){
                alert("这样，只有两个都是数字才会跳出");
                return;
            }
            return a + b;
        }
        sum(100,'abc')
        alert(sum(100,200))
    </script>
</body>
</html>

 

  3、parseInt()函数：可以将字符串自动转换成数字,并且取整数位.
4、parseFloat()函数：可以将字符串自动转换成数字.
 5、Math.ceil() 函数（Math是数学类，数学类当中有一个函数叫做ceil()，作用是向上取整。）

<body>
    <script type="text/javascript">
        alert(parseInt("3.9999"))//3

        alert(parseFloat("3.14")+1)//4.14

        alert(Math.ceil(3.2))//4
    </script>
</body>

 Boolean类型

1、 JS中的布尔类型永远都只有两个值：true和false （这一点和java相同。）
 2、在Boolean类型中有一个函数叫做：Boolean()。
            语法格式：
             Boolean(数据) 
             Boolean()函数的作用是将非布尔类型转换成布尔类型。

<body>
    <script type="text/javascript">
        var username = "Bob"
        if(Boolean(username)){
            alert("欢迎"+ username)
        }else {
            alert('用户名不要为空')
        }
    </script>
</body>
<body>
    <script type="text/javascript">
        var username = ""
        if(Boolean(username)){
            alert("欢迎"+ username)
        }else {
            alert('用户名不要为空')
        }
    </script>
</body>

<body>
    <script type="text/javascript">
       /* 规律:“有"就转换成true,"没有"就转换成false.*/
       alert(Boolean(1)); // true
       alert(Boolean(0)); // false
       alert(Boolean("")); // false
       alert(Boolean("abc")); // true
       alert(Boolean(null)); // false
       alert(Boolean(NaN)); // false
       alert(Boolean(undefined)); // false
       alert(Boolean(Infinity)); // true
    </script>
</body>

<body>
    <script type="text/javascript">
        while (10/3){
            alert("hehe")//会一直循环下去
        }

        for(var i = 0; i < 10; i++){
            alert("i = " + i);
        }//逐个输出

        // Null类型只有一个值,null
        alert(typeof null); // "object"
    </script>
</body>

 String类型

<body>
    <script type="text/javascript">
        //单引号双引号都是一样的
        var s1 = 'abc';
        var s2 = "abc";

        //创建字符串的两种方式
        var s = "abc";
        //String是一个内置的类，可以直接用，String的父类是Object。
        var s = new String("abc");
    </script>
</body>

<body>
    <script type="text/javascript">
        // 小string(属于原始类型String)
        var x = "king";
        alert(typeof x); // "string"

        // 大String(属于Object类型)
        var y = new String("abc");
        alert(typeof y); // "object"
    </script>
</body>

 

 4、关于String类型的常用属性和函数？(长得和Java一样)
                        常用属性：
                            length 获取字符串长度
                        常用函数：
                            indexOf            获取指定字符串在当前字符串中第一次出现处的索引
                            lastIndexOf        获取指定字符串在当前字符串中最后一次出现处的索引
                            replace            替换
                            substr            截取子字符串
                            substring        截取子字符串
                            toLowerCase        转换小写
                            toUpperCase        转换大写
                            split            拆分字符串

<body>
    <script type="text/javascript">
        var x = "king";
        var y = new String("abc");

        // 获取字符串的长度
        alert(x.length); // 4
        alert(y.length); // 3
        //获取指定字符串在当前字符串中第一次出现处的索引
        alert("http://www.baidu.com".indexOf("www"))//7
        // 可以判断一个字符串中是否包含某个子字符串（不包含）
        alert("http://www.baidu.com".indexOf("https") >= 0 ? "包含" : "不包含");

        // replace (注意：只替换了第一个)
        // name=value&name=value%name=value
        alert("name=value%name=value%name=value".replace("%","&"));

        // 继续调用replace方法,就会替换第“二”个.
        // 想全部替换需要使用正则表达式.
        // name=value&name=value&name=value
        alert("name=value%name=value%name=value".replace("%","&").replace("%", "&"));

        // substr(startIndex, length)
        alert("abcdefxyz".substr(2,4))//cdef
        // substring(startIndex, endIndex) 注意:不包含endIndex
        alert("abcdefxyz".substring(2,4)); //cd
    </script>
</body>

Object类型

Object类型：
                    1、Object类型是所有类型的超类，自定义的任何类型，默认继承Object。
                    2、Object类包括哪些属性？
                        prototype属性（常用的，主要是这个）：作用是给类动态的扩展属性和函数。
                        constructor属性
                    3、Object类包括哪些函数？
                        toString()
                        valueOf()
                        toLocaleString()
                    4、在JS当中定义的类默认继承Object，会继承Object类中所有的属性以及函数。
                    换句话说，自己定义的类中也有prototype属性。

 在JS当中怎么定义类？怎么new对象？
                            第一种方式：
                                function 类名(形参){
                                    
                                }
                            第二种方式：
                                类名 = function(形参){
                                    
                                }
                        创建对象的语法：
                            new 构造方法名(实参); // 构造方法名和类名一致。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        function sayHello(){

        }
        // 把sayHello当做一个普通的函数来调用.
        sayHello();
        // 这种方式就表示把sayHello当做一个类来创建对象.
        var obj = new sayHello(); // obj是一个引用,保存内存地址指向堆中的对象.

        // 定义一个学生类
        function Student(){
            alert("Student.....");
        }
        // 当做普通函数调用
        Student();
        // 当做类来创建对象
        var stu = new Student();
        alert(stu); // [object Object]

        // JS中的类的定义,同时又是一个构造函数的定义
        // 在JS中类的定义和构造函数的定义是放在一起来完成的.
        function User(a, b, c){ // a b c是形参,属于局部变量.
            // 声明属性 (this表示当前对象)
            // User类中有三个属性:sno/sname/sage
            this.sno = a;
            this.sname = b;
            this.sage = c;
        }

        // 创建对象
        var u1 = new User(111, "zhangsan", 30);
        // 访问对象的属性
        alert(u1.sno);
        alert(u1.sname);
        alert(u1.sage);

        // 定义类的另一种语法
        Emp = function (ename,sal) {
            this.ename = ename;
            this.sal = sal;
        }
        var e = new Emp("Bob",12);
        alert(e.ename+"的工资是"+e.sal)

        Product = function(pno,pname,price) {
            // 属性
            this.pno = pno;
            this.pname = pname;
            this.price = price;
        }
        // 函数
        this.getPrice = function(){
            return this.price;
        }
        }

        var xigua = new Product(111, "西瓜", 4.0);
        var pri = xigua.getPrice();
        alert(pri); // 4.0

        // 可以通过prototype这个属性来给类动态扩展属性以及函数
        Product.prototype.getPrice = function () {
            return this.price;
        }

        String.prototype.suiyi = function(){
            alert("这是给String类型扩展的一个函数，叫做suiyi");
        }

        "abc".suiyi();
    </script>
</body>
</html>

听~宇
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
动力节点老杜Java零基础教程课堂讲义分享
09-16
动力节点老杜Java零基础教程课堂讲义分享
Mysql【动力节点老杜学习笔记】
m0_51315555的博客
08-16 2083
mysql安装，卸载，登录；mysql基本命令和SQL语句的编写
（超详细笔记整理）动力节点_老杜 | JavaSE进阶 【P486之后】
热门推荐
小七自学博客
10-12 1万+
JavaSE进阶 文章目录JavaSE进阶final关键字1. final是Java语言中的关键字2. final表示最终的，不可变的3. final可以修饰变量以及方法还有类等4. final修饰的变量5. final修饰的局部变量无法重新赋值，final修饰的变量只能赋一次值6. final修饰的方法7. final修饰的类8. final修饰的引用9. final修饰的实例变量10. final和static联合修饰的变量-常量（每个单词都大写）总结抽象类和接口以及抽象类和接口的区别抽象类的理解1.
MySql 01（安装，删除，简介，常用命令，简单查询，条件查询，排序，单行处理函数、多行处理函数、分组查询）
windyjcy的博客
05-12 316
MySql 01 1、什么是数据库？什么是数据库管理系统？什么是SQL？关系是什么？ 序列化就是最原始的数据库 数据库： 英文单词DataBase，简称DB。按照一定格式存储数据的一些文件的组合。 顾名思义：存储数据的仓库，实际上就是一堆文件。这些文件中存储了具有特定格式的数据。 数据库管理系统： DataBaseManagement，简称DBMS。 数据库管理系统是专门用来管理数据库中数据的，数据库管理系统可以对数据库当中的数据进行增删改查。 常见的数据库管理系统： MySQL、Orac
动力节点老杜Spring6，配套笔记PDF文件
02-08
动力节点老杜Spring6，配套笔记PDF文件 源自https://www.yuque.com/dujubin/ltckqu/kipzgd?singleDoc#Kp2MS
动力节点老杜Java零基础学习教程-DOS命令del
09-15
动力节点老杜Java零基础学习教程-DOS命令del
动力节点老杜Java零基础学习教程-回顾第一天内容
09-15
动力节点老杜Java零基础学习教程-回顾第一天内容
动力节点老杜Java零基础学习教程-常用DOS命令-切换盘符
09-14
动力节点老杜Java零基础学习教程-常用DOS命令-切换盘符
动力节点老杜javaweb笔记
10-03
动力节点老杜javaweb笔记
动力节点_Java零基础_课堂笔记.zip
05-09
动力节点_Java零基础_课堂笔记 不过只有开头几节，谨慎下载
Java入门基础视频教程159集_动力节点
05-25
Java入门基础视频教程159集_动力节点
JAVA零基础学习-课堂笔记
01-15
JAVA零基础学习课堂笔记，看别人的学习笔记，有助于自我学习，自学也能成才，是网友分享的资料
MySQL03(表中数据的插入，删除，四大约束，存储引擎，事务，事务提交回滚，四大特性，四个隔离级别)
windyjcy的博客
05-17 337
MySQL03 1、查询每一个员工的所在部门名称？要求显示员工名和部门名。 mysql> select * from emp; +-------+--------+-----------+------+------------+---------+---------+--------+ | EMPNO | ENAME | JOB | MGR | HIREDATE | SAL | COMM | DEPTNO | +-------+--------+-----------
JDBC （B站动力节点老杜）学习笔记(自己总结方便复习)
暴走的山交君的博客
06-15 4900
JDBC (B站动力节点杜老师) 1.JDBC是什么 2.jdbc的本质是什么？ 多态： ​ Animal a = new Cat ( ) --》面向抽象编程 父类型的引用 指向 子类型的对象 3.开发前准备工作 4.jdbc 过程 注册驱动方式两种 使用资源绑定器绑定属性配置文件 URL解析 5.遍历结果集 idea 导入.jar包 字符串中拼变量 （sql）单引号中 加双引号 加两个加号++ 加号里面加变量 PreparedStatement
java基础（动力节点老杜视频学习笔记）三（1）
weixin_52361698的博客
11-14 446
第三章 一.面向对象 面向过程和面向对象的区别 面向过程：主要关注点是：实现的具体过程，因果关系【 集成显卡的开发思路】 优点：对于业务逻辑比较简单的程序，可以达到快速开发，前期投入成本较低 缺点：采用面向过程的方式开发很难解决非常复杂的业务逻辑，另外面向过程的方式导致软件元素之间的"耦合度"非常高，只要其中一环出问题，整个系统收到影响，导致最终的软件扩展力差，另外，由于没有独立体的概念，所以无法达到组件复用 面向对象：主要关注点是：主要关注对象【独立体】能完成哪些功能。【独立显卡的开发思路】
动力节点老杜-javase零基础教程讲义.
最新发布
08-04
总之，我认为《动力节点老杜-JavaSE零基础教程讲义》是一本适合零基础学习者入门JavaSE编程的教材。无论是自学还是作为辅助教材，它都能帮助读者打下扎实的JavaSE基础，为今后的学习和发展打下坚实的基础。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值