js的认识

最新推荐文章于 2024-09-14 18:52:56 发布

柠檬の夏季

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量892

点赞数 22

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/performer02/article/details/136369867

版权

本文介绍了JavaScript的基础知识，包括Java与JavaScript的区别，变量的声明与赋值，不同类型的注释，JS的引入方式，标识符的命名规则，以及原始数据类型、数据类型转换和检测。

摘要由CSDN通过智能技术生成

js的认识

java 是面向对象的高级编程语言，js是基于对象的脚本语言
java 是先编译，后解释执行，需要安装配置java环境，需要虚拟机。js解释执行，不需要配置环境，可以直接在浏览器运行

jav是一个强类型语言，所有的变量都需要声明数据类型， js是弱类型语言，不需要声明数据类型。

单行注释 // 注释内容不可换行

块级/多行注释 /* 注释内容可以换行 */

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>hello</title>
    <script>
     // 单行注释 ctrl+/
        alert("hello word!");
        /* 多行注释 */
        console.log("heelo word!")
    </script>
</head>
<body>
    <script type="text/javascript">
        alert("hello!")
    </script>
</body>
</html>

js的引入方式

使用外部js，类似于css的引入可以在任何地方引入

使用script标签引入js，script标签可以放在任何位置

在标签内使用，特别不建议

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 使用外部文件,类似于css的引入
        可以在任何地方引入
    -->
    <script src="js/a.js"></script>
</head>
<body>
    <script>
        // 1.使用script标签引入js,script标签可以放在任何位置
        console.log("内部引入")
    </script>
    <!-- 使用外部js,类似于css的引入
        可以在任何地方引入
    -->
    <script src="js/a.js"></script>
    <!-- 在标签内使用,不建议 -->
    <button onclick="alert('你好啊!')">点一下</button>
</body>
</html>

标识符

就是一个名字，用来对变量、函数、属性等进行命名。

标识符命名规范：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）;

其他字符可以是字母、下划线、美元符号或数字；不能含有空格；不能以关键字或保留字命名。

赋值：=

边声明边赋值；

一次声明多个变量。

如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>变量标识符</title>
</head>
<body>
    <script>
        // 标识符:字下美人其后数
        // 见名知意
        // 声明
        var name;
        // 赋值 =
        name="林奥亚";
        // 边声明边赋值
        var age=18;
        // 一次性声明多个变量
        var a,b,c,d;
        a=10;
        b="试试";
        c="ff";
        d=32.5;
        // 张三,20,男,爱好:女
        var name1="张三";
        var age1=20;
        var sex1="男";
        var hobby1="女";
        console.log(name1);
        console.log(age1);
        console.log(sex1);
        console.log(hobby1);
        // 变量使用前必须先声明
        // 变量可以不声明,直接赋值并使用,不建议
        name3="张三丰";
        console.log(name3);
        // 声明未赋值的变量,使用时会出现提示 undefined
        var aaa;
        console.log(aaa);
        // 声明赋值电脑参数并打印出来
        // 有三个杯子A,B,C
        // A---->可乐
        // b---->雪碧
        // c---->空杯子
        // 把可乐和雪碧换一下杯子
        // a=10 b=20 c=0
    </script>
</body>
</html>var name1="张三";
        var age1=20;
        var sex1="男";
        var hobby1="女";
        console.log(name1);
        console.log(age1);
        console.log(sex1);
        console.log(hobby1);

变量使用前必须先声明

变量可以不声明，直接赋值并使用，不建议

声明，未赋值的变量，使用时会出现错误提示 undefined

JavaScript数据类型及类型转换运算符

五种原始数据类型

Number 值是数字

String 值是字符串

Boolean 值为布尔值只有true或false—真或假

Undefined 值未定义

Null 值为空 (空对象)

数字类型

八进制第一位是0后面是0–7组成的数字

十六进制字面值前两位必须是0x，后跟任何十六进制数字（0_9和AF）。A~F不区分大小写。

// number 数字
        var a=12;
        var b=32.4;
        var c=-99;
        // 八进制 第一位0后边是0~7组成的数字
        var d=0o123;
        console.log(d);
        // 运行没错，但是代码会报错，不影响
        // var e=0123;
        // console.log(e);
        // 十六进制字面值前两位必须是0x，后跟任何十六进制数字（0~9和A~F）。A~F不区分大小写。
        var f=0x123;
        var g=0xABC;

字符串类型

如果变量的标识符被加上引号，

就不再是变量，就变成了字符串

// String 字符串 必须被引号包围
        var h="你好";
        var i='你好';
        // 如果变量的标识符被加上引号就不再是变量，就变成了字符串
        var j="f";
        // 你好"张三" 'ljy'是啥
        var k='你好"张三"';
        var l="'ljy'是啥";
        console.log(k);
        console.log(l);
        // 你是"狗"么?不是'狗'
        var m="你是\"狗\"么?不是'狗'";
        console.log(m);
        var n="d:\\a\\a.html";
        console.log(n);
        var o="hello \nword!";
        console.log(o);

检测数据类型

// 检测数据类型
        console.log(typeof a);
        console.log(typeof o);
        console.log(typeof 'asdsa');
        console.log(typeof 2);
        console.log(typeof "2");

布尔类型

true和false不能有引号

// boolean 布尔类型 true false
        // true和false不能加引号
        var p=true;
        var q=false;

未定义

使用var声明变量但未对其赋值，这个变量就是undefined

// 使用var声明变量但未对其赋值，这个变量就是undefined。
        var r;
        console.log(typeof r);

数据转换

Number() 把变量强制转换为数字

//Number() 把变量强制转换为数字
        // NaN 非数字
        var str1="123";
        var str2="0o1234";
        var str3="0xa12f34";
        var str4="0xz12f34";
        var str5="a";
        console.log(Number(str1));
        console.log(Number(str2));
        console.log(Number(str3));
        console.log(Number(str4));
        console.log(Number(str5));

转换为整数

// 转换为整数
        console.log(parseInt("123.8"));
        console.log(parseInt("123a"));
        console.log(parseInt("a123"));
        console.log(parseInt("1.2.3"));
        console.log(parseInt(null));
        console.log(parseInt(false));

转换为浮点数（小数）

// 转换为浮点数
        console.log(parseFloat("123"));
        console.log(parseFloat("123.33"));
        console.log(parseFloat("123.2.2"));
        console.log(parseFloat(" 123.2 "));

检查是不是非数字

false—>数字 true---->非数字

// 检查是不是 非数字 false--->数字 true---->非数字
        console.log(isNaN(123));
        console.log(isNaN("123"));
        console.log(isNaN("a"));

柠檬の夏季

关注

22
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫