前端学习-JavaScript学习-JavaScript高级程序设计-第3章笔记

第3章 基础概念

数据类型

Number
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 八进制56
        let otcalNum = 070; 
        // 十六进制16
        let hexNum = 0x10;
        // 数值范围-最小值
        console.log(Number.MIN_VALUE);
        // 数值范围-最大值
        console.log(Number.MAX_VALUE);
        // 如果数字超过范围，自动转为
        Infinity;
        -Infinity;
        console.log(-Infinity == Number.NEGATIVE_INFINITY);
        console.log(Infinity == Number.POSITIVE_INFINITY);
        // isNaN
        console.log('----------------------------');
        console.log(isNaN(NaN)); // 1
        console.log(isNaN(10)); // 0
        console.log(isNaN('10')); // 0
        console.log(isNaN('name')); // 1

        // 数值转换
        // 1) Number
        console.log('---------------------------');
        console.log(Number(true)); // 1
        console.log(Number(null)); // 0
        console.log(Number(undefined)); // NaN
        console.log(Number('1.1aaaa')); // NaN
        console.log(Number('')); // 0
        console.log(Number('0xf')); // 15
        console.log(Number('070')); // 70
        console.log(Number('0000111')); // 111
        // 2) parseInt
        console.log('---------------------------');
        console.log(parseInt('070')); // 70
        console.log(parseInt('0x10')); // 16
        console.log(parseInt('123aaa')); // 123
        console.log(parseInt('20.5')); // 20
        console.log(parseInt('70',8)); // 56
        console.log(parseInt('10',16)); // 16
        // 3) parseFloat - 只解析十进制
        console.log('----------------------------');
        console.log(parseFloat('1.2.3')); // 1.2
        console.log(parseFloat('123pal')); // 123
        console.log(parseFloat('1.2e10')); // 1.2

    </script>
</body>
</html>
String
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // toString方法(null和undefined没有该方法)
        let num = 10;
        console.log(num.toString());
        console.log(num.toString(2));
        console.log(num.toString(8));
        console.log(num.toString(16));
        let found = true;
        console.log(found.toString());
        //console.log(null.toString());

    </script>
</body>
</html>
Object
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let person = {
            name : 'myname',
            age : 20,
            learn : function() {
                alert('i am learning!')
            }
        };
        let person2 = {};
        // 检查属性在当前对象实例中是否存在
        console.log(person.hasOwnProperty('name'));
        console.log(person.hasOwnProperty('uname'));
        // person.isPrototypeOf(person2) 这个表达式的含义是检查 person 是否是 person2 的原型。在 JavaScript 中，每一个对象都有一个原型链，这个链定义了该对象继承的方法和属性。isPrototypeOf 方法用于检查一个对象是否是另一个对象的原型。
        console.log(person.isPrototypeOf(person2));
        // 检查obj的某个属性是否可被枚举
        console.log(person.propertyIsEnumerable('name'));
        // 在 JavaScript 中，所有对象都从 Object 原型中继承了 toString() 方法。
        // 这个方法返回一个表示调用该方法的对象的字符串。默认情况下，toString() 方法返回一个包含对象类型名称和对象值的字符串
        console.log(person);
    </script>
</body>
</html>

操作符

位操作符

语句

posted @   ayubene  阅读(9)  评论(0)  编辑  收藏  举报
相关博文：
· 前端学习-JavaScript学习-js基础01
· 前端学习-JavaScript学习-js基础03
· 【JavaScript高级程序设计】-3语言基础
· 2022-07-11 第三小组 高佳誉 学习笔记
· 3--JavaScript基础
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示