JavaScript基础语法1

最新推荐文章于 2024-10-01 20:12:28 发布

Pursuit53

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量127

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Pursuit53/article/details/104910741

版权

JavaScript 就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果

JavaScript的组成

ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型
BOM (Browser Object Model): 浏览器对象模型
DOM (Document Object Model): 文档对象模型

JavaScript代码的书写位置

行内式（不推荐）

写在标签上的 js 代码需要依靠事件（行为）来触发

<!-- 写在 a 标签的 href 属性上 -->
<a href="javascript:alert('你好');">点击一下试试</a>
// 超链接中 href 内可以直接写入javascript语句
<!-- 写在其他元素上 -->
<div onclick="alert('你好')">点一下</div>
<!--
	注：onclick 是一个事件（点击事件），当点击元素的时候执行后面的 js 代码
-->

内嵌式

内嵌式的 js 代码会在页面打开的时候直接触发

<!-- 在 html 页面书写一个 script 标签，标签内部书写 js 代码 -->
<script type="text/javascript">
	 JS 语句
</script>

<!--
	注：script 标签可以放在 head 里面也可以放在 body 里面
-->

外链式（推荐）

外链式 js 代码只要引入了 html 页面，就会在页面打开的时候直接触发
新建一个 js后缀的文件，在文件内书写 js代码，把写好的 js文件引入html 页面

// javascript
alert('你好')

//html
<!-- 通过 script 标签的 src 属性，把写好的 js 文件引入页面，一个页面可以引入多个 js 文件 -->
<script src="index.js"></script>

JS 中的注释

注释的作用：

1.可以将暂时不需要执行的代码注释，保留代码备用

2.注释可以用来解释代码的含义

3.注释还可以用来记录代码不同版本直接修缮问题

单行注释

一般就是用来描述下面一行代码的作用

// 我是一个单行注释

多行注释

注释一段代码，写 /**/ ，然后在两个星号中间写注释

【注】注释块中不能再有注释块，注释块不能嵌套。但是注释块中可以出现单行注释

/*
	我是一个多行注释
	我是一个多行注释
*/

/*注释的代码*/不会执行

/*
多行注释里面//可以有单行注释
*/

变量（重点）

变量指的是在程序中保存数据的一个容器
语法： var 变量名 = 值

定义变量及赋值

// 定义一个变量
var num;

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

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

【注】

一个变量名只能存储一个值
当再次给一个变量赋值的时候，前面一次的值就没有了
变量名称区分大小写（JS 严格区分大小写）

变量的命名规则和命名规范

规则：必须遵守的，不遵守就是错

一个变量名称可以由数字、字母、英文下划线（_）、美元符号（$） 组成
严格区分大小写
不能由数字开头
不能是 保留字 或者 关键字
不要出现空格

规范：建议遵守的，不遵守不会报错

变量名尽量有意义（语义化）
遵循驼峰命名规则，由多个单词组成的时候，首字母小写，从第二个单词开始首字母大写，例如var getSumValue=10;
循环条件中的局部变量
这种变量名多为单字母，例如var i=3;
临时变量，或者函数中的参数命名
首字母是下划线，后面同驼峰式命名法，例如var _sum=20;
不要使用中文和拼音
不要使用window的属性（js中根对象就是window)

常量（ES6推出）

常量，初始设置后不能改变他的值

规范：必须全部使用大写字母，单词之间直接使用下划线连接，例const ELEMENT_WIDTH=60;

基本数据类型

JS是弱类型，如果没有给变量定义类型，那么这个变量可以随便改变值的类型，所以要考虑变量类型，才能操作

数值类型（number）

（1）一切数字都是数值类型（包括二进制，十进制，十六进制等），在控制台中字体显示为蓝色

（2） 0开头数字为八进制 eg：062

（3） 0x开头数字为十六进制 eg： 0x3a

（4） var a1 = 4e + 2 // 科学计数法，即400

（5） var a1 = 0.4e - 2 // 科学计数法，即0.004

（6） NaN（not a number），一个非数字
字符串类型（string）

（1）被引号包裹的所有内容（可以是单引号也可以是双引号），在控制台中字体显示黑色
（2） var a=“50”;也是字符
布尔类型（boolean）

true或者 false
null类型（null）

表示空的意思，一个变量以指针的形式指向堆中的地址，当不需要再指向时，就必须设置该变量的值为 null
undefined类型（undefined）

表示没有值的意思。var c1=undefined; 与 var c1; 含义相同