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 标识符

所有 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

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

java基础学习 --- 第二节变量、数据类型和运算符
java基础学习 - 第二节变量.数据类型和运算符一.变量 1.变量就是会发生改变的数据,程序运行时,这些数据以变量的形式被保存到计算机的内存中.如图 2.使用变量的步骤: 声明变量 - ...
web前端基础之JS
JavaScript概述一个完整的 JavaScript 实现是由以下 3 个不同部分组成的: 核心(ECMAScript) 文档对象模型(DOM) Document object model (整 ...
前端基础-Node.js核心模块的使用
第2章核心模块的使用 2.1.1 FS模块 node核心模块之一,用于操作文件: 中文手册 : http://nodejs.cn/api/fs.html 文件读写 // 引入模块 var fs = ...
python基础·入门笔记1(变量、数据类型、类型转换)
python 入门笔记注释变量定义变量类型查看数据类型标识符和关键字命名规范关键字输入输出输出常用的格式符号输入类型转换注释单行注释 # print('hello wor ...
JAVA基础——第二章，变量，数据类型和运算符
一,变量声明及使用申明变量再赋值 int money; //声明变量 monry = 100; //赋值声明变量并赋值 int money = 100; //声明变量并赋值二,JAVA常用数据类 ...
Swift基础语法（常量变量、数据类型、元组、可选、断言）
本文来自Swift中文开发组,感谢翻译者的分享. 本文将分几部分对Swift对ios的语法做讲解.本文为第一节,主要讲解基础语法. 常量和变量常量和变量把一个名字(比如maximumNumberOf ...
Day 11/09/2017 前端基础之JS（三）
BOM对象 window对象所有浏览器都支持 window 对象. 概念上讲.一个html文档对应一个window对象. 功能上讲: 控制浏览器窗口的. 使用上讲: window对象不需要创建对象, ...
【学姐面试宝典】前端基础篇Ⅴ——JS深浅拷贝、箭头函数、事件监听等
前言博主主页
前端牛客网刷题总结【 JS基础变量、数据类型、数据类型转换、运算符等】
1.JavaScript是解释性语言.正确.体现在JS文件在完成之后,不会经过任何的编译.而是在运行时去解释执行.最好的例子就是,JS中一个函数有语法的错误,但是不会因为这个局部的错误而影响其他函数运 ...

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

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