js基础语法1：书写位置，输出语句，变量，命名，简单数据类型， typeof ()检测变量数据类型，数据类型转换，运算符

90 阅读 0 评论 60 点赞

我是靠谱客的博主开心蜜粉，最近开发中收集的这篇文章主要介绍js基础语法1：书写位置，输出语句，变量，命名，简单数据类型， typeof ()检测变量数据类型，数据类型转换，运算符，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

JavaScript 的三大组成：

ECMA： 定义了javascript的语法规范,描述了语言的基本语法和数据类型

BOM： 浏览器对象模型，可以操作浏览器的 API，通过 BOM 可以操作浏览器。eg：弹出框、浏览器跳转、获取分辨率等

DOM： 文档对象模型，操作页面中的元素，eg：增加个 div，减少个 div，给 div 换个位置等

html：标记语言

js: JavaScript : 编程语言

JavaScript代码的书写位置: 行内式， 内嵌式，外链式

<body>
<!-- 行内样式表 -->
<a href="javascript:alert('haha')">我是行内样式表</a>
<a href="javascript: alert('ha')">点我</a>
<br>
<!-- 外部引入js -->
<script src="index.js"></script>
<!-- 内联样式表 -->
<script >
//注释
alert('哈哈，弹框')
</script>
</html>

JS 中的注释快捷键：

单行注释：// 快捷键（ctrl+/）
多行注释：/*注释的内容*/ 快捷键（alt+shift+a）

变量：在程序中保存数据的一个容器，根据变量名称可以获取到内存中存储的数据（即：存了一个数据，给这个数据起名）

语法： var 变量名 = 值

定义变量及赋值：


<script>
/*
1.定义变量不赋值
var 变量名
2.定义变量并赋值
var 变量名 = 值
3.可以利用一个var定义多个变量不赋值（一般不推荐）
var 变量名1，变量名2，。。。。
4.可以利用一个var定义多个变量并赋值（一般不推荐）
var 变量名1 = 值1，变量名2 = 值2，。。。。
5.利用一个var定义多个变量，有的赋值，有的不赋值（一般不推荐）
var 变量名1,变量名2 = 值2，变量名3，。。。。
我们一般定义变量的时候最好都是一个var定义一个变量。
*/
// 定义了一个a变量未赋值
var a
// 定义了一个变量b并赋值为10
var b = 10
// 定义了3个变量c d
e但是没有进行赋值
var c, d, e
// 定义了3个变量，c变量存储的值为10，d存储的为20，e存储的为30
var c = 10, d = 20, e = 30
// 定义了3个变量c
d
e，c和e是有值的，d是没有值的
var c = 10, d, e = 30
</script>

变量的命名规则和规范

1.变量名字可以使用数字、字母、_、$

2.数字不允许开头（a1是可以的 1a是错误的）

3.js中严格区分大小写（a和A这是2个变量）

4.不要使用js当中的关键字和保留字

规范：

1.变量名字尽量语义化，也就是见名知意。

2.起名字的时候单词多的情况尽量驼峰命名

js中的输出语句：


<script>
1.alert(输出的内容)：在浏览器中会弹出一个提示框
2.console.log(输出的内容)：在控制台输出内容（打开检查工具，点开console就可以看到）
3.document.write(输出的内容)：直接把输出内容显示在网页上，可以识别输出语句中的标签
注意：以后输出的时候只要是数字或者变量名字都是不加引号的，不是数字或者变量名需要加引号
一旦对变量名加了引号了，他就变成一个字母了，而不是一个变量名字
// 弹框
alert('我是alert语句')
alert(1111)
alert('<h1>我是通过js写的h1</h1>')
// 控制台
console.log('我是console.log语句')
console.log(111);
console.log('<h1>我是通过js写的h1</h1>');
// 页面
document.write('我是document的输出内容')
document.write(1111)
document.write('<h1>我是通过js写的h1</h1>')
</script>

练习：2个变量交换值：


<script>
/*
2个变量交换值：
var a = 10
var b = 20
请尝试将a和b中存储的值进行交换，也就是交换之后a存储的是20，b存储的是10
*/
var a = 10
var b = 20
// 交换逻辑
var c
c = a
a = b
b = c
console.log(a);
console.log(b);
</script>

基本数据类型：


<script>
/*
js中常见的数据类型
1.基本（简单）数据类型
1）数值类型Number
10
3.2
整数：10
小数：3.2
2）字符串类型String
只要是引号包裹的数据都是字符串类型,这里的引号可以是单引号、双引号、反引号``
比如：'a'
'hello'
3)布尔类型Boolean
他的值只有2个：true和false
true在程序中表示真，正确的意思，在程序运算过程中true会被当作1进行运算
flase在程序中表示假，错误的意思，在程序运算过程中false会被当作0进行运算
4）空类型undefined，表示没有的意思
理解：这里本该有一个数据，但是现在根本没放数据
大白话：变量只定义根本没赋值
5）空类型null，表示由一个空的值
理解：这里真的有一个值，这个值就是null
明确给一个变量赋值为null了
2.引用（复杂）数据类型（今天先不学习）
*/
var x = 10//数值
var y = 10.5//数值
var a = 'hh'//字符串
var b = '9'//字符串
var c = true//布尔
var d = false//布尔
var e//undefined
var f = null//
console.log(f );
</script>

typeof

typeof ( )

检测数据类型的语法


/*
检测数据类型的语法：
typeof的返回值（结果）就是该数据的数据类型
返回值指的就是结果的意思
语法一：typeof 你要检测的数据
语法二：typeof(你要检测的数据)
要检测的东西如果是一个需要运算的式子，我们用（）写法，如果不是一个式子，2种写法都可。
typeof检测数据类型的结果
1.数值类型用number表示
2.字符串类型用string表示
3.true和false类型都是boolean表示
4.undefined值的类型就是undefined
5.null这个值的类型用object表示，typeof的检测null的时候结果都是object
*/

判断数据类型

判断数据类型：
// 第一种使用方式
var n1 = 100;
console.log(typeof n1);
// 第二种使用方式
var s1 = 'abcdefg';
console.log(typeof(s1));

数据类型转换：

Number（），parseInt（），-0，*1，/1

String（），变量.toString

+号两侧，有一侧是字符串就会拼接 eg: ' ' + a + b + c 输出 abc

运算符：

<script>
/*
运算符：
1.算数运算符
+
-
*：乘号
/
%：求余数
**：幂运算，求几的几次方
2.赋值运算符
=
+=
-=
*=
/=
%=
3.比较运算符
比较运算符的结果一定是true或者false
>:大于号
<：小于号
>=：大于等于
<=：小于等于
==：等于
只看值，不看数据类型
===：恒等于
既要值是否一样，还要看数据类型是否一样
!=：不等于,是==的对立面
!==：不等于，是===的对立面
4.逻辑运算符
&& 逻辑与，两者必须都满足
|| 逻辑或，二者之一满足
！ 逻辑非，取反
5.自增自减运算符：都自+1，或者自减1
++在前，先自加1，再运算
++在后，先运算后，再自加1
-- 自减也是如此
++
--
*/
</script>