JavaScriptday知识点01

JavaScriptday01

JavaScript基础语法

JavaScript代码的书写位置

行内式，内嵌式，外链式。

行内式

<!-- 写在 a 标签的 href 属性上 -->
<a href="javascript:alert('我是一个弹出层');">点击一下试试</a>

<!-- 写在其他元素上 比如onclick-->
<div onclick="alert('我是一个弹出层')">点一下试试看</div>

<!--
    注：onclick 是一个事件（点击事件），当点击元素的时候执行后面的 js 代码
-->

内联式

<!--
    script 标签可以放在 head 里面也可以放在 body 里面
-->
<script>
	alert('弹出内容')
</script>
<!--
	行内需要触发才会执行 内联自动执行
-->

外链式

<script src="index.js">
</script>
 <!-- <script src="文件的地址"></script>  标签中间不能写任何内容  一旦写上内容就认定是内联 src 失去作用-->
    <!-- 不需要任何行为去触发 打开页面自动执行 -->
    <!-- 可以写在head 后边 也可以写在body后边 -->

Js注释

单行注释

• 一般就是用来描述下面一行代码的作用
• 可以直接写两个 / ，也可以按 ctrl + /

// 我是一个单行注释

// 下面代码表示在浏览器里面出现一个弹出层
alert('我是一个弹出层')

多行注释

• 可以直接写/**/ 然后在两个星号中间写注释 快捷键ctrl+shift+a

js输出三种方式

弹框

alert(666)

控制台打印

console.log('hello world')

在网页上展示

doucument.write('hello world')

js变量

• 变量指的是在程序中保存数据的一个容器
• 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
• 语法·var 变量名 =值

定义变量及赋值

// 定义一个变量
var num;

// 给一个变量赋值
num = 100;

// 定义一个变量的同时给其赋值
var num2 = 200;

变量的命名规则和规范

只能包含字母 数字和下划线 $

不能以数字开头

严格区分大小写

需要避开关键字和保留字

• 关键字就是已经被系统占用的单词 保留字就是虽然还没占用但是后边会占用
• 编辑器中高亮的就是关键字

数据类型

分为基本数据类型和复杂数据类型

基本数据类型

1. 数值类型（number）
   • 一切数字都是数值类型（包括二进制，十进制，十六进制等）
   • NaN（not a number），一个非数字
2. 字符串类型（string）
   • 被引号包裹的所有内容（可以是单引号也可以是双引号）
   • ‘abc’
3. 布尔类型（boolean）
   • 只有两个（true 或者 false）
   • 必须全小写
4. null类型（null）
   • 只有一个，就是 null，表示空的意思
5. undefined类型（undefined）
   • 只有一个，就是 undefined，表示没有值的意思

console.log(77) 默认十进制

console.log(0o77) 告诉js这是八进制 转成10进制后输出

0b 二进制 0x十六进制

Infinity 正无穷

-Infinity 负无穷

字符串

console.log(``)

• 反单引号中 原样显示 换行会原样显示
• 可以解析变量 在变量外边加上 ${}

查看数据类型

typeof 不是随便两个数据类型就能一起参与运算的

var test = oxabc
console.log(typeof test)

null 是object的一个特殊类型