前端基础（十一、JS 输出、变量、基本数据类型）

最新推荐文章于 2024-04-15 22:32:48 发布

小鱼干儿er

最新推荐文章于 2024-04-15 22:32:48 发布

阅读量1.8k

点赞数 1

分类专栏：前端学习文章标签： javascript js 前端

本文链接：https://blog.csdn.net/qq_45689821/article/details/113717906

版权

前端学习专栏收录该内容

39 篇文章 2 订阅

订阅专栏

十一、JS 输出、变量、基本数据类型

JS输出
JS变量
- JS 标识符
- JS 声明变量
基本数据类型
- typeof
- JS的基本数据类型

JS输出

JS支持以下五种输出：

使用 console.log() 在浏览器控制台输出

敲击F12调出控制台
使用 window.alert() 弹出警告框
使用 document.write() 写入 HTML 输出

在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML

document.write() 方法仅用于测试
使用 innerHTML 写入 HTML 元素

<body>
   <div id="div1"></div>
   <script>
       console.log("使用 console.log() 在浏览器控制台输出");
       window.alert("使用 window.alert() 弹出警告框 ");
       document.write("使用 document.write() 写入HTML输出");
       var odiv1 = document.getElementById("div1").innerHTML = "innerHTML输出";
   </script>
</body>

js输出
点击确定后：

JS变量

JS 标识符

所有 JavaScript 变量必须以唯一的名称的标识，称为标识符。

构造变量名称（唯一标识符）的通用规则是：

名称可包含字母、数字、下划线和美元符号
名称必须以字母或$ 、_开头（不能以数字开头）
名称对大小写敏感（x 和 X 是不同的变量）
不能用JavaScript 的关键字、保留字作为变量名称
变量名中出现多个单词的，一般习惯使用驼峰命名

JS 声明变量

JS中利用var关键字声明变量：

var x;
var y = 123;
var z = "z";
//...

重复声明 JavaScript 变量:

var a=123;
var a=456;
console.log(a);
//输出456

不给变量赋值:

var b;
console.log(b);
//输出undefined

"+"的使用

用于字符串拼接：

var c ="Hello" + " " + "World" + "!";
console.log(c);
//输出Hello World!

当前面的数字被加上双引号("")时，被认为是字符串类型，此时后面的"+"被用作字符串拼接，而不是加法运算：

var d = "1" + 2 + 3;
console.log(d);
//输出123

当后的数字被加上双引号("")时，被认为是字符串类型，而前面的"+"仍被用作加法运算，运算结束后和引号内的内容进行字符串拼接：

var e = 1 + 2 + "3";
console.log(e);
//输出33

基本数据类型

typeof

JS中可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型，typeof 运算符可返回以下原始类型之一：

string
number
boolean
undefined

在处理复杂数据时，typeof 运算符可返回以下两种类型之一:

function
object
typeof 运算符把对象、数组或 null 返回 object
typeof 运算符会把数组返回为 “object“而不是”array”，因为在 JavaScript 中数组就是对象

JS的基本数据类型

JS的基本数据类型包括以下五种：

String(字符型)
Number(数值型)
Boolean(布尔)
Undefined（未定义）
Null（空）
typeof 无法返回 null ，null的数据类型是object，故若类型为null会返回 object
可以通过设置值为 null或 undefined清空对象

    <script>
        var a = "String";
        console.log(typeof(a));
        var b = 123;
        console.log(typeof(b));
        var c = true;
        console.log(typeof(c));
        var d;
        console.log(typeof(d));
        var e = null;
        console.log(typeof(e));
        //typeof 无法返回 null ，null的数据类型是object，故若类型为null会返回 object
    </script>

基本数据类型

(๑′ᴗ‵๑)爱你❤

以上为本萌新个人总结，如有不当之处望指正，有问题可以联系
邮箱：yuna_03@163.com或
QQ：2635591841

更于2021.2.6

小鱼干儿er

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
前端基础（十一、JS 输出、变量、基本数据类型）

十一、JS 输出、变量、基本数据类型JS输出JS变量JS 标识符JS 声明变量基本数据类型typeofJS的基本数据类型JS输出JS支持以下五种输出：使用 console.log() 在浏览器控制台输出敲击F12调出控制台使用 window.alert() 弹出警告框使用 document.write() 写入 HTML 输出在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTMLdocument.write() 方法仅用于测试使用 i
复制链接

扫一扫